/*
generalno
------------------------------------------------------------------------------------*/

*
{padding:0;margin:0;}


body{background:#f0efea url("/img/bg.gif") repeat-x;}

.clear{clear:both;}

a:link{text-decoration:none;}
a:visited{text-decoration: none;}



a.img, a.img, a.img {border:none;}
h1, h2 {font-family: calibri, arial, serif; color:#565555;}

h1{font-size: 1.1em; padding:8px 0px 0px 12px; float:left; font-weight:lighter;}
h2{font-size: 1em;}

p{font-family: arial, calibri; font-size:0.9em; color:#565555;}

img {border:none;}
a {outline:none; }




/*
layout
------------------------------------------------------------------------------------*/

#topbg{background: url("/img/top-bg.jpg") no-repeat;  width:960px;height:32px; margin:0 auto;}
#sadrzaj{background: url("/img/sadrzajbg.gif") repeat-y; width:960px; margin:0 auto;}
#lijevi_stupac{width:580px;  float:left; margin:10px 0px 0px 10px;}
#desni_stupac{width:360px;  float:left;margin:10px 0px 0px 0px;}
#sve_kategorije{width:940px;  margin:20px 0px 0px 10px;}
#footer{width:940px; height:200px; border-top:2px solid #e3e1db; margin:20px 0px 10px 10px;}
#dnobg{background: url("/img/dno.gif") no-repeat;  width:960px;height:6px; margin:0 auto; margin-bottom:40px; text-align:center;}
   


/*
header
------------------------------------------------------------------------------------*/

.logo{margin:36px 10px 30px 16px; float:left;}
.banner1{display:block; margin:8px 0 0 0; float:left;cursor:pointer;}
.banner_2{display:block; margin:13px 0px 0 27px; float:left;cursor:pointer;}
/*
nav
------------------------------------------------------------------------------------*/


#navcontainer {margin:0 6px; background:url("/img/navbg.gif");height:41px;}


#navlist{list-style: none;margin:0 0 0 10px;}

#navlist li{display:inline; }

#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }


#navlist li a{font:0.8em/41px arial, tahoma, verdana, sans-serif; color:#f0efea; padding:10px;}
#navlist li a:hover{color:#819aab; text-decoration:underline;}
#navlist li a.current{color:#d2cab9;}

* html #navlist li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

* html #navlist { height: 1%; }
* html #navlist li{display: block;float: left;}
* html #navlist li:first-child { border-left: 0; }




/*
search area
------------------------------------------------------------------------------------*/

.select_okvir{float:left;margin:6px 0px 0px 10px;}


.search_bg{position:relative; padding:5px; background-color:#ecf0f0; width:930px; margin:5px 5px 0px 10px;}

.search_bg ul{margin:0px; padding:0px;}
.search_bg li{list-style:none;}




.tl
{top:0px; left:0px; background:url('/img/corners2.gif') top left no-repeat;}

.tr
{top:0px; right:0px; background:url('/img/corners2.gif') top right no-repeat;}

.bl
{bottom:0px; left:0px; background:url('/img/corners2.gif') bottom left no-repeat;}

.br
{bottom:0px; right:0px; background:url('/img/corners2.gif') bottom right no-repeat;}

.corner
{width:10px; height:10px; position:absolute; z-index:1;}


p.select{float:left; font-size:0.8em;  padding:2px 5px 0 0; font-weight:bold;}
#kategorija{ width:280px;}



.rss_okvir{float:right;  margin-right:10px;}
.rss_okvir p a{line-height:32px; color:#353535;font-size:0.9em;}
.rss_okvir p a:hover{color:#819aab; text-decoration:underline;}


.rss_icon{float:left; padding:0 5px 0 0; position:relative; top:2px; }




/*
lijevi stupac
------------------------------------------------------------------------------------*/


.boxtop{background:url('/img/boxtop.png'); width:565px; height:41px;}
.boxsadrzaj{background:url('/img/box.png'); width:565px;padding-bottom:20px;}
.boxdno{background:url('/img/boxdno.png'); width:565px; height:11px;}



p.date{float:right; line-height:40px;font-size:0.8em; padding:0 9px 0 0; color:#b5b9ba;}









.okvir_vijest{width:545px; height:90px; border-bottom:1px dotted #c7c7c7; padding:0 10px; }
.okvir_vijest_zadnja{width:545px; height:90px; padding:0px 10px 30px 10px;}

.naslov_datum{ width:545px; height:25px; }


/* SPONZORIRANA VIJEST */

.okvir_vijest_sponzor {
background: #ffe7df url('/img/sponzorirano_bg.gif') no-repeat left center;
padding: 0 10px 0 20px;
width: 535px;
}

.okvir_vijest_sponzor .naslov_datum { 
width: 535px; 
}

/* */

.vijest{width:545; height:45px;}

.vijest p{font-size:0.8em; padding:0 5px 0 0px; }
.categ{font-family:arial, calibri, tahoma, verdana, sans-serif; font-size:0.7em; color:#ba1622; float:right; }

.no_news{font-family:arial, calibri, tahoma, verdana, sans-serif; font-size:0.9em; color:#ba1622;margin-left:25px;padding-top:15px;}


.okvir_vijest p a{color:#474747; line-height:25px; font-weight:bold; font-size:0.8em; float:left; }
.okvir_vijest p a:hover{color:#819aab; text-decoration:underline;}
.okvir_vijest p span{color:#b2b3b3; line-height:25px; font-size:0.8em; float:right; padding:0 5px 0 0;}

.okvir_vijest_zadnja p a{color:#474747; line-height:25px; font-weight:bold; font-size:0.8em; float:left; }
.okvir_vijest_zadnja p a:hover{color:#819aab; text-decoration:underline;}
.okvir_vijest_zadnja p span{color:#b2b3b3; line-height:25px; font-size:0.8em; float:right; padding:0 5px 0 0;}


p.vijest_tekst{display:block;}



a.news_img {height: expression( this.scrollHeight > 69 ? "70px" : "auto" ); max-height: 70px;
width: expression( this.scrollHeight > 89 ? "90px" : "auto" ); max-width: 90px;
margin:6px 6px 6px 0;display:block; float:left; padding:2px; border:1px solid #dcdcdc;}

a.news_img:hover { padding:2px; border:1px solid #dcdcdc; background:#dbdfe0;}

.thumb{height: expression( this.scrollHeight > 69 ? "70px" : "auto" ); max-height: 70px;
width: expression( this.scrollHeight > 89 ? "90px" : "auto" ); max-width: 90px; display:block;}




/*
desni stupac
------------------------------------------------------------------------------------*/

.boxtop_desno{background:url('/img/boxdesno_top.png'); width:360px; height:8px;}
.boxsadrzaj_desno{background:url('/img/boxdesno.png'); width:360px; }
.boxdno_desno{background:url('/img/boxdesno_dno.png'); width:360px; height:14px;}




.tab1{width:344px; height:30px; margin:0px 8px 0 8px; border-bottom:3px solid #c52f3b;}
.tab1 p{line-height:33px; background:url('/img/tab1.gif') repeat-x; width:200px; text-align:center; color:#fff;}



.list1{width:344px; padding-bottom:40px;}

.list1 li{list-style:none; padding:0px 5px 10px 20px;  background-image: url('/img/bullet.gif');background-repeat: no-repeat; background-position: 0 .4em; position:relative; left:10px; top:10px;}
.list1 li a{color:#000; font-family: arial, calibri, tahoma, verdana, sans-serif; font-size:0.8em;}
.list1 li a:hover{color:#819aab; text-decoration:underline;}




.tab2{width:344px; height:30px; margin:0px 8px 0 8px; border-bottom:3px solid #e3dfd9;}
.tab2 p{line-height:33px; background:url('/img/tab2.gif') repeat-x; width:200px; text-align:center; color:#000;}


.tab3{width:344px; height:30px; margin:0px 8px 0 8px;}
.tab3 p{line-height:30px; background:url('/img/tab3.gif') repeat-x; width:200px; text-align:center; color:#fff;}
.arrow{width:11px; height:5px; background:url('/img/arrow2.gif') no-repeat; margin-left:98px;}



#cloud { margin:8px 8px 0 8px; }
#cloud li { display: inline; font-family: arial, calibri; padding:2px;}
#cloud li a{color:#474747; text-decoration:underline;line-height:1.2em;}
#cloud li a:hover{color:#819aab; text-decoration:underline;}



#cloud a.tag1 { font-size: 0.7em;  }
#cloud a.tag2 { font-size: 0.8em;  }
#cloud a.tag3 { font-size: 0.9em;  }
#cloud a.tag4 { font-size: 1.0em;  }
#cloud a.tag5 { font-size: 1.2em;  }
#cloud a.tag6 { font-size: 1.4em;  }
#cloud a.tag7 { font-size: 1.6em; }
#cloud a.tag8 { font-size: 1.8em;  }
#cloud a.tag9 { font-size: 2.2em;  }
#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }




/*
kategorije box
------------------------------------------------------------------------------------*/




.wrap_box_kategorije {width:940px; float:left; }

.box_kategorije_l, .box_kategorije_d {float:left;width:11px; height:258px; background:transparent url('/img/box3_d.png') no-repeat; margin-left:-1px;}
.box_kategorije_l {background:transparent url('/img/box3_l.png') no-repeat }
.box_kategorije_sadrzaj {float:left; width:920px; height:258px; background:transparent url('/img/box3.png') repeat-x;}




.kategorija_okvir{width:290px;  float:left; margin:10px 8px 0px 8px;}
.kategorija_okvir p{padding:12px 0px 6px 5px; border-bottom:2px solid #e1e1e1;}
.kategorija_okvir p a{color:#474747;}
.kategorija_okvir p a:hover{color:#819aab; text-decoration:underline;}

.kategorija{padding-bottom:20px;}

.kategorija li{list-style:none; padding:0px 5px 10px 20px;  background-image: url('/img/bullet2.gif');background-repeat: no-repeat; background-position: 0 .4em; position:relative; left:0px; top:10px;}
.kategorija li a{color:#000; font-family: arial, calibri, tahoma, verdana, sans-serif; font-size:0.8em;}
.kategorija li a:hover{color:#819aab; text-decoration:underline;}







/*
footer
------------------------------------------------------------------------------------*/

.footer_box{width:340px; height:190px; background:; float:left; margin:10px 6px; border-right: 1px dotted #dedede;}
.footer_box p{padding:8px; font-size:1em; font-weight:bold; }

.footer_box2{width:300px; height:200px; background:; float:left; margin:5px 6px;}
.footer_box2 p{padding:8px; font-size:1em; font-weight:bold;}





.footer_list{list-style: none; margin:0 15px 0 15px; float:left;}
.footer_list li{ background-image: url('/img/bullet.gif');background-repeat: no-repeat; background-position: 0 .4em; padding:0 10px 0px 6px;}

.footer_list li a{font:0.8em arial, tahoma, verdana, sans-serif; color:#474747; padding:10px;}
.footer_list a:hover{color:#819aab; text-decoration:underline;}




#dnobg p{line-height:40px; font-size:0.8em; color:#b7b5ae;}



.okvir_pager{margin:0 auto; width:480px;}
ul.pager li {list-style-type:none; display:block; float:left; }
ul.pager li a.active {font:0.9em arial, tahoma, verdana, sans-serif; color:#fff;font-weight: bold;text-decoration: none; background:#cac7c3;margin:0 1px;padding:3px 5px 3px 5px;}
ul.pager li a{font:0.8em arial, tahoma, verdana, sans-serif; color:#656565;text-decoration: none; background:#ece9e4;margin:0 1px;padding:3px 5px 3px 5px;}
ul.pager li a:hover {color: #fff;background-color: #656565;}


/* PRETRAGA
*/
#pretraga {width: 450px;float:left;position:relative;top:-2px;left:-10px; }
#pretraga span {display: block;width: 348px;height: 28px;background: url("/img/trazi_polje.gif") no-repeat left top;position: relative;left:10px;float: left;}
#pretraga input {background: none;border: 0;font-size:0.9em;margin: 0;padding: 0;position: absolute;left: 7px;top: 5px;width: 326px; }
#pretraga button {display: block;width: 92px;height: 28px;background: url("/img/trazi_gumb2.gif") no-repeat left top;}

.button {display: block;text-indent: -9999px;overflow: hidden;cursor: pointer;outline: none;font-size: 1px;border: 0;}

.pretraga_rezultat{border:1px solid #d4d8d8; padding:10px; margin:10px; }


/*
pregled vijesti
------------------------------------------------------------------------------------*/

.pregled{padding:0 0 0px 0px; margin:0px 5px 0px 5px;}
.pregled h1 {font-size: 1.2em;color:#2b2b2b; padding:8px 0px 10px 12px;  font-weight:lighter; line-height:25px; width:550px;}
.pregled h1 a{color:#474747;}
.pregled h1 a:hover{color:#819aab; text-decoration:underline;}
.pregled p{font-size: 0.8em;color:#2b2b2b; padding:10px; font-weight:lighter; line-height:25px;}
.pregled p a{color:#c52f3b;}
.pregled p a:hover{color:#819aab; text-decoration:underline;}

.pregled ol {font:0.9em arial, tahoma, verdana, sans-serif;color:#2b2b2b; padding:3px 0 5px 30px; font-weight:lighter; line-height:25px;}
.pregled ol a{font:0.9em arial, tahoma, verdana, sans-serif;color:#c52f3b;}
.pregled ol a:hover{font:0.9em arial, tahoma, verdana, sans-serif;color:#819aab; text-decoration:underline;}

.slika_clanak{
height: expression( this.scrollHeight > 239 ? "240px" : "auto" ); max-height: 240px;
width: expression( this.scrollHeight > 319 ? "320px" : "auto" ); max-width: 320px;
float:right; margin:20px 10px 10px 10px; padding:2px; border:1px solid #d9d9d9;}


.kategorija_datum{border-bottom:1px dotted #ccc; padding:0 0 10px 2px; margin:0px 10px 0px 10px; }
.kategorija_datum h2{font-size:0.8em; color:#c52f3b; font-weight:lighter; float:right;}
.kategorija_datum span{font:0.8em arial, tahoma, verdana, sans-serif; color:#b0b0b0; padding:0px; float:left;}

.kategorija_izvor{ border-top:1px dotted #ccc; padding:0 0 10px 2px; margin:0px 10px 0px 10px; }
.kategorija_izvor span{font:0.8em arial, tahoma, verdana, sans-serif; color:#b0b0b0; line-height:30px; float:left;}
.kategorija_izvor span a{color:#474747;}
.kategorija_izvor span a:hover{color:#819aab; text-decoration:underline;}


.list3{width:550px; padding-bottom:20px; background:#ecf0f0; margin:0 15px 0px 15px; border-top:2px solid #dedfdf; border-bottom:2px solid #dedfdf;}
.list3 p{padding:10px 10px 0px 10px; line-height:25px;}
.list3 li{list-style:none; padding:0px 5px 10px 30px;  background-image: url("/img/bullet3.gif");background-repeat: no-repeat; background-position: 0 .4em; position:relative; left:20px; top:10px;}
.list3 li a{color:#000; font-family: arial, calibri, tahoma, verdana, sans-serif; font-size:0.8em;}
.list3 li a:hover{color:#819aab; text-decoration:underline;}

.banner_desno{width:300px; height:250px; margin:20px 0px 0px 30px;}