@import "font/stylesheet.css";
@import "colorbox.css";
@import "reset.css";
@import "default.css";


body { background:#1c4b7a url(../images/bg.png) repeat-x;  color:#454545; /*font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif*/ }
a { color:#1c4b7a; text-decoration:none }
a:hover { color: #F90; }
input,
select,
textarea { font:normal 11px Arial, Helvetica, sans-serif; color:#454545 }
h2,h3,h4,h5,.datum, .font, #menu a { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}



/* HEADER **************************************************************** */
div#header {background: url(../images/logo.png) no-repeat 30px 0;  }
div#header h1 {height:96px; padding:0; margin:0 auto; }
div#header h1 a { display:block; height:80px; text-indent:-3000px; }
div#header p { float:right; margin-top:-60px; margin-right:30px; font: bold 10px Arial, Helvetica, sans-serif }
div#header p a { color:#666; text-decoration:none; margin-right:10px; }
div#header p a:hover { text-decoration: underline; }
div#header form { width:427px; height:31px; padding:11px 0 0 0; float:left; background: url(../images/searchBgnd.gif) no-repeat; margin-right:35px; font:bold 12px Arial, Helvetica, sans-serif; color:#206099; text-align:center; }
div#header form input[type="text"] { width:170px; padding:3px 5px; background: url(../images/textboxBgnd.gif); border:1px solid #D3D3D3; margin:0 10px }
div#breadcrumb { height:25px; padding-left:150px; color:#AAAAAA; padding-top:15px }
div#breadcrumb a { font: normal 11px Arial, Helvetica, sans-serif; color:#0060BC; text-decoration:none; margin-right:5px; }

/* MENU */
#menu { height:36px; background: url(../images/menu.png); width:907px; margin:0 auto; }
#menu ul {padding:0; margin:0 0 0 40px; list-style:none}
#menu ul li { padding:0; margin:0; float:left}
#menu a { text-align:center; display:block; float:left; font-size:11px; text-transform:uppercase; font-weight:bold; color:#FFF; text-decoration:none; padding:8px 20px 5px 20px; margin-top:1px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1) }
#menu a:hover { color:#FFCC00;}
#menu a.active { background:url(../images/tabActive.gif) no-repeat; color:#356C9F }


/* CONTENT **************************************************************** */
.bg { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px #333; -webkit-box-shadow:0 0 10px #333; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); background:#FFF; margin-bottom:15px}
#wrapper {}

#content {   padding:10px 20px 20px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-height:300px }
#content.home { margin: 0 ; height:350px}
.box h3 { font-size:16px; font-weight:bold; padding:0 0 10px 0; border-bottom:1px solid #849eb7; text-transform: uppercase; color:#1c4b7a  }
.box h4 { font-size:14px; font-weight:bold;   text-transform: uppercase; color:#1c4b7a  }

#content ul, #content ol { padding-left:20px;}


#tekst ul { list-style-type: disc; padding:10px 0px 10px 40px; }
#tekst ul ul { padding:0px 0px 0px 40px; }
#tekst ul li { padding:2px 0; }

/* horizontalno */
.horizontalno ul { list-style:none; margin:0 0 0 0; padding:0 0 10px 0}
.horizontalno li { padding:0;  margin-bottom:10px; display:block;}
.horizontalno li h4 { margin-bottom:10px; }
.horizontalno li h4 a {  text-decoration:none !important}
.horizontalno li h4 a:hover { }
.horizontalno img  { float:left; margin:0 15px 15px 0;}
.horizontalno p { clear:none !important;}
.horizontalno a {text-decoration:none; }
.horizontalno span.datum {}


/* vertikalno */
.vertikalno ul { list-style:none; margin:0 0 0 0; padding:0 0 10px 0}
.vertikalno li { float:left; display:block; width:198px; overflow:hidden;  margin-bottom:15px; margin-right:8px; }
.vertikalno li h4 { margin:10px 0; }
.vertikalno li h4 a {  text-decoration:none !important}
.vertikalno li h4 a:hover { color:#ff8400}
.vertikalno img { clear:both;}
.vertikalno a {text-decoration:none; }

/* Pagination */
.pagination { padding-bottom:20px;}
.pagination strong,
.pagination a {font-size:10px; font-weight:bold; text-decoration:none; display:block; width:12px; float:left; margin-left:5px;  text-align:center; padding:2px}
.pagination strong {background:#1C4B7A; color:#FFF;}
.pagination a {background:#F1F4F8; color:#666;}
.pagination em {font-size:10px; font-weight:bold; text-decoration:none; font-style:normal; display:block; width:40px; float:left; margin-left:5px; }


.fotogalerija {list-style:none; padding:0 0 15px 0; margin:0 0 15px 0 }
.fotogalerija li { display:inline}
.fotogalerija img, .thumb, .thumbnail {padding:5px;background:#FFF; border:1px solid #EFEFEF;
	-moz-box-shadow: 0px 0px 5px #777;
	-webkit-box-shadow: 0 0 5px #777;
	box-shadow: 0 0 5px #777; }

.fotogalerija img {margin:5px}

div.box { padding:20px 20px; margin-bottom:15px;  background:#FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px #333; -webkit-box-shadow:0 0 10px #333; box-shadow:0 0 10px #333; }
div.kolona { float:left; width:340px; margin-right:15px; }


/* BILLBOARD */
#billboard { overflow:hidden; padding-top:10px; width:640px; float:left; position:relative; z-index:0; background:url(../images/vsjena.png) no-repeat top right; }
#billboard ul { list-style:none; padding:0; margin:0;}
#billboard li {width:620px;}
#billboard li img { float:left; margin:0 15px 0 0}
#billboard li h3 { color:#1c4c7e; font-size:20px;}
p.font { font-size:15px; line-height:18px;}

.paging { display:block; padding:20px 40px; text-transform:uppercase; font-size:9px; font-weight:bold; width:160px; position:absolute; right:60px; bottom:-30px; z-index:100}
.paging a {padding:0px;margin:3px; text-align:center; color:#666;display:block; float:left; text-indent:-3000px;}
.paging span a {  background:url(../images/paging-bg.png) no-repeat 0px 1px;  width:15px; height:14px; }
.paging span a:hover {  background-position:0px -26px;  }
.paging span a.activeSlide { background-position:0px -12px; color:#FFF; }

/* NAV */
#nav { padding:0; margin:0 0 20px 0; }
#nav h3 { border-bottom: 1px solid #849EB7;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 10px;
    text-transform: uppercase;}
#nav ul {padding:0; margin:0;}
#nav ul li { border-bottom:1px dotted #BCCED8;  display:block; clear:both }
#nav ul li li { border-top:1px dotted #CCC; display:block; height: auto; clear:both }
#nav ul li a { color:#555; font-weight:bold; background: url(../images/bullet_arrow.png) no-repeat 8px 8px; display:block; padding:6px 12px 6px 30px; margin:0 }

#nav ul li li a { background:  url(../images/bullet_line.gif) no-repeat 25px 13px; display:block; padding:6px 12px 6px 35px; margin:0 }
#nav ul li.active a{ color:#1c4b7a }
#nav ul li.active ul a{ color:#666 }

ul.leftnav li { background:#4183BF none repeat scroll 0 0; border-bottom:1px solid #376C9D; border-top:1px solid #719FC8; padding:6px 12px; }
ul.leftnav li a { color:#FFF; background: url(../images/bullet_arrow.gif) no-repeat 0px 5px; padding-left:15px; }

.datum { color:#333; font-size:12px; letter-spacing:1px; }

/* TABS */
ul.newsList { padding:0 10px 0 0 }
ul.newsList li { list-style-type: disc; margin-bottom:15px; color:#333;  }
ul.newsList li a { display:block; font-weight:bold; font-size:11px; line-height:15px; }
ul.newsList li a:hover { color:#333 }
ul.newsList li.newsListRuler { padding:10px; list-style:none; text-align:right }
ul.newsList li span { color:#333; font-weight:bold ; font-size:11px}
.arhivaLink { background:url(../images/arhivaLink.gif); display:block; width:82px; height:15px; text-align:center; float:right; color:#666; padding:2px 0 0 0; font-size:11px; }
.vijestiNav { padding-bottom:20px; padding-top:10px; }
.vijestiNav a { float:left; padding:3px 15px; color:#FFF; background:#939393; margin-right:5px; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.vijestiNav a:hover { background:#333 }
.vijestiNav a.active { background:#373737 }

/* ACCORDION */
h4.harmonika { display:block;  padding:5px 5px 5px 30px;   background:#F1F4F8  url("../images/bullet_arrow.png") no-repeat scroll 8px 10px; cursor:pointer;
    -moz-border-radius:5px; /* FF1+ */
    -webkit-border-radius:5px; /* Saf3-4 */
    border-radius:5px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);}
div.links p { border-bottom:1px dotted #CCC; padding:8px 0; margin:0}
div.links p strong { font-weight:bold; padding-left:80px; padding-left:6>0px; display:block; }
div.links p span { display:block; float:left}



/* SJEDNICE NASLOVNA */
.sjedniceList  {  margin:0; padding:0;}
.sjedniceList li { list-style:none; border-bottom:1px dotted #bcced8; padding:0 0 5px 0; margin:0 0 10px 0}
.sjedniceList p.datum { display:block; width:50px; height:50px; float:left; background:#1c4b7a; color:#FFF; text-align:center; font-weight:bold; text-transform: uppercase; margin:0 10px 0 0}
.sjedniceList p.datum span { display:block; font-size:24px; padding:5px 0 0 0}
.sjedniceList h4 {color:#1c4b7a; padding-top:10px; margin:0}



/* NEWSLETTER */
#newsletter { color:#999}
#newsletter h3 {font-size:14px; border:0 none; padding:5px 0 0 0}
#newsletter p { font-size:11px;}
#newsletter input.email { width:100px;  float:left; margin-right:5px; padding:2px 2px; font-weight:bold; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}

button, .btn {  border:1px solid #CCC; font-size:11px; color:#666; font-weight:bold; padding:1px 5px; margin:0.5em 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;  }
button, .btn {background: #EFEFEF; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */}

#zakoni .col {background:url(../images/vsjena2.png) right no-repeat; font-size:11px; font-weight:bold; height:180px;}
#zakoni .col.last {background:none;}
#zakoni .col p {padding-right:10px;}


/* Scroller */
#scroller { width:900px; margin:0 auto 20px auto; background:#a0a0a0;
-moz-border-radius:0 0 5px 5px; -webkit-border-radius: 5px; border-radius: 5px;
-moz-box-shadow: 0 0 10px #333; -webkit-box-shadow:0 0 10px #333;; box-shadow:0 0 10px #333;}
#scroller div { padding:7px}

/* EXTRA **************************************************************** */
#extra #trazilica {position:absolute; bottom:15px;border-top:1px solid #CCC; }
#extra #trazilica label { color:#333}
#trazilica { width:250px; font-size:14px; font-weight:bold;  padding-top:5px; padding-left:10px; }
#trazilica label { color:#666}
#trazilica input { background: transparent url(../images/trazilica.gif) no-repeat; border:0 none; width:178px; text-indent:25px; padding:3px 0; color:#999 }

#navigation #trazilica {background:#F1F4F8; padding-top:20px; padding-bottom:20px; margin-bottom:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.alati { border:1px solid #d5e4ec; padding:10px; margin-bottom:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.alati ul { list-style:none; padding:0; margin:0;}
.alati a { font-size:10px; font-weight:bold; text-decoration:none; color:#999}
.alati a:hover { color:#666}
.alati a img { margin-right:10px;}

/* FOOTER **************************************************************** */
.bigfoot { }
div#container { text-align:left }


#footer { padding:10px 0 15px 0;color:#FFF; }
#footer h4 { color:#FFF; font-weight:bold; font-size:14px}
#footer p,
#footer a { color:#a4b7ca; font-weight:bold;}
#footer li { margin-bottom:5px;}

#footer .col { border-right:1px solid #6181a2;}
#footer .col.last {border-right:0 none;}

#footer p.cright { border-top:1px solid #6181a2; padding:10px 0; font-size:10px; letter-spacing:1px; line-height:1.5em ; font-weight:normal; margin:10px 0 0 0; color:#6181a2}
#footer p.cright a { color:#6181a2; text-decoration:underline}
#footer p.cright a.navrh {display:block; float:right; padding:3px 0 5px 22px; background:url(../images/top.png) no-repeat; letter-spacing:normal; text-decoration:none; font-weight: bold; color:#a4b7ca}

table.tabela {
    overflow:hidden;
    background:#F1F4F8;
    -moz-border-radius:5px; /* FF1+ */
    -webkit-border-radius:5px; /* Saf3-4 */
    border-radius:5px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.tabela th, .tabela td {padding:15px 15px 0 15px;  }

.tabela th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}

.tabela td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

.tabela tr.odd-row td {background:#f6f6f6;}

.tabela td.first, .tabela th.first {text-align:left}

.tabela td.last {border-right:none;}

/*
Background gradients are completely unnecessary but a neat effect.
*/



/*
I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements.  Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius

And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it.
*/

.tabela tr:first-child th.first {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px; /* Saf3-4 */
}

.tabela  tr:first-child th.last {
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px; /* Saf3-4 */
}

tr:last-child td.first {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px; /* Saf3-4 */
}

.tabela tr:last-child td.last {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px; /* Saf3-4 */
}


/* LAYOUT *****************************************************************/
div#container { width:970px; margin:0 auto }
div#wrapper { float:left; width:100%; }
div#content { margin: 12px 10px 0 280px; }
div#navigation { float:left; width:260px; margin-left:-950px; margin-top:25px; }
div#extra { float:left; width:290px; height:370px; margin-left:-290px; margin-top:12px; position:relative; }
div#footer { clear:left; width:100% }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }  /* for IE/Mac */