@charset "utf-8";
body{ background-color:#90b7d7; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#kontejner { width:970px; margin:0px auto; padding:0px 5px; background-color:#FFFFFF; border:10px solid #80abce; }

/*header*/
h1#site_name {
	margin:0; padding:0; border:0; background-image:url(slike/bg_header.jpg); background-repeat:no-repeat; width:970px; height:190px;
}
h1#site_name span {display:none;}

/*footer*/
#footer {
	color:#666666; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:30px;
	border-top:3px solid #80abce;
}

/*lijevi stupac*/
#left {
	width:180px;
	border-right:15px solid #fff;
}

/*desni stupac*/
#right {
	width:225px;
	border-left:15px solid #fff;
}

/*glavna navigacija*/
#navigacija {margin:0; padding:0;}
#navigacija h2 {margin:0; padding:7px; background-color:#cccccc; color:#4d7aac; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; border:none; border-bottom:1px solid #073352; background-image:url(slike/bg_nav.gif); background-repeat:repeat-x;}

.vertical_menu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 11px Verdana;
width: 182px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
} 
.vertical_menu ul li{
position: relative;
}
/* Top level menu links style */
.vertical_menu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}
.vertical_menu ul li a:link, .vertical_menu ul li a:visited, .vertical_menu ul li a:active{
background-color: #034f83; /*background of tabs (default state)*/
} .vertical_menu ul li a:visited{
color: white;
} .vertical_menu ul li a:hover{
background-color: #467094;
}
/*Sub level menu items */ 
.vertical_menu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
font-weight:normal;
visibility: hidden;
} 
.vertical_menu a.subfolderstyle{
background: url(images/right.gif) no-repeat 97% 50%;
} 
/* Holly Hack for IE \*/
* html .vertical_menu ul li { float: left; height: 1%; }
* html .vertical_menu ul li a { height: 1%; }
/* End */

/*naselja*/
#naselja {margin:0; padding:0;}
#naselja h2 {margin:0; padding:7px; background-color:#cccccc; color:#4d7aac; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; border:none; border-bottom:1px solid #073352; background-image:url(slike/bg_nav.gif); background-repeat:repeat-x;}
#naselja ul {margin:0; padding:0;}
#naselja ul li {margin:0; padding:0; list-style-type:none; background-color:#034f83;}
#naselja ul li a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; font-size:11px; text-decoration:none; background-color:#034f83; display:block;
width:174px; padding:3px 3px 3px 5px;}
#naselja ul li a:hover {color:#000000; text-decoration:none; background-color:#467094;}

/*video*/
#video {}
#video h2 {margin:0; padding:7px; background-color:#cccccc; color:#4d7aac; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; border:none; border-bottom:1px solid #073352; background-image:url(slike/bg_nav.gif); background-repeat:repeat-x;}

/*kontakt*/
#kontakt { background-color:#034f83; color:#FFFFFF; padding-bottom:10px; line-height:20px;}
#kontakt h2 {margin:0; padding:7px; background-color:#cccccc; color:#4d7aac; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; border:none; border-bottom:1px solid #073352; background-image:url(slike/bg_nav.gif); background-repeat:repeat-x;}
#kontakt a {color:#ddd;}
#kontakt a:hover {color:#fff;}

/*najave na naslovnici*/
#najave {margin:0 0 10px 0;}
#najave h2 {margin:0; padding:7px; background-color:#cccccc; color:#4d7aac; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; border:none; border-bottom:1px solid #073352; background-image:url(slike/bg_nav.gif); background-repeat:repeat-x;}
#najave .najava_kontejner { border-bottom:1px dotted #0253a2; padding:0 0 5px 0;}
#najave .najava_datum { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#666666;}
#najave .najava_naslov a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#0253a2; font-weight:bold; font-size:11px; text-decoration:none;}
#najave .najava_naslov a:hover {color:#000000; text-decoration:underline;}

/*novosti na naslovnici */
#vijesti td {padding:0px 10px 15px 10px;}
#vijesti h3 {margin:0; padding:0; font-size:11px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#0253a2;}
#vijesti h3 a {color:#0253a2; text-decoration:none;}
#vijesti h3 a:hover {color:#000; text-decoration:underline;}
#vijesti .news_datum {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; size:10px; color:#666666;}
#vijesti .news_tekst {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#333333; padding:10px 0 0 0;}
#vijesti .news_slika {padding:0px 5px 5px 0px; float:left;}
#vijesti .news_slika img {border:1px solid #000; background-color:#fff; padding:1px;}

/*stil za prikaz cijele vijesti*/
#news {}
#news h2 {margin:0; padding:0; font-size:13px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#0253a2; border:0;}
#news .news_datum {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; size:10px; color:#666666;}
#news .news_tekst {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#333333; padding:10px 0 0 0;}
#news .news_slika {padding:0 0 10px 0;}
#news .news_slika img {border:1px solid #000; background-color:#fff; padding:1px;}
#news a {color:#0253a2; text-decoration:none;}
#news a:hover {color:#000; text-decoration:underline;}

/*sadrzaj*/
#sadrzaj {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:#333333; margin:0 0 15px 0;}
#sadrzaj h1 {margin:0 0 10px 0; padding:0; font-size:14px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#0253a2; border:0;}
#sadrzaj h2 {margin:10px 0 10px 0; padding:0; font-size:12px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#0253a2; border:0; border-bottom:1px dotted #CCCCCC;}
p {margin:0; padding:0;}

/*linkovi*/
#middle a {color:#0253a2; text-decoration:none; font-weight:bold;}
#middle a:hover {color:#000; text-decoration:underline;}

/*download paragraf*/
.paragraf_download {padding:0 10px;}
.paragraf_download table {border-collapse: collapse; margin: 5px;}
.paragraf_download th {background: #3e83c9; color: #fff; font-weight: bold; padding: 6px; text-align: left; border-right: 1px solid #fff; border-bottom:1px solid #fff; line-height: 1.2;
}
.paragraf_download td {padding: 6px; border-bottom: 1px solid #95bce2; border-right: 1px solid #fff; vertical-align: top;
}
.paragraf_download tr.alt td {background: #efefef;}
.paragraf_download tr.over td {background: #ccc;}

/*stilovi za tipove paragrafa*/
/*Slike gore*/
.paragraf_1 {}
/*Slike lijevo*/
.paragraf_2 {}
/*Slike desno*/
.paragraf_3 {}
/*Slike dolje*/
.paragraf_4 {}
/*Slika lijevo u tekstu i dolje*/
.paragraf_5 {}
/*Slika desno u tekstu i dolje*/
.paragraf_6 {}

.tekst {}
.podnaslov {}

.slika_gore {text-align:center; padding:5px 5px 10px 5px;}
.slika_gore img {border:1px solid #000; background-color:#fff; padding:1px;}
.slika_gore a {}
.slika_gore a:hover {}

.slika_lijevo {text-align:center; padding:0px 10px 10px 0px;}
.slika_lijevo img {border:1px solid #000; background-color:#fff; padding:1px;}
.slika_lijevo a {}
.slika_lijevo a:hover {}

.slika_desno {text-align:center; padding:0px 0px 10px 10px;}
.slika_desno img {}
.slika_desno a {}
.slika_desno a:hover {}

.slika_dolje {text-align:center; padding:5px 5px 10px 5px;}
.slika_dolje img {border:1px solid #000; background-color:#fff; padding:1px;}
.slika_dolje a {}
.slika_dolje a:hover {}

.slika_desno_gore {text-align:center; padding:0px 0px 10px 10px; float:right;}
.slika_desno_gore img {border:1px solid #000; background-color:#fff; padding:1px;}
.slika_desno_gore a {}
.slika_desno_gore a:hover {}

.slika_lijevo_gore {text-align:center; padding:0px 10px 10px 0px; float:left;}
.slika_lijevo_gore img {border:1px solid #000; background-color:#fff; padding:1px;}
.slika_lijevo_gore a {}
.slika_lijevo_gore a:hover {}
