/* //////////////// GENERAL INFO ////////////////

Site: KjeDogaja
Version: 2

//////////////// //////////////// //////////////// */


/* //////////////// CENTER THE SITE //////////////// */

* { margin: 0; padding: 0; outline: none; }

/* //////////////// STRUCTURE ELEMENTS //////////////// */

#wrapper { width:1000px; margin:0 auto; }

#header { margin-top:5px; width:1002px; height:50px; background:url(images/elements.png); background-position:-1px -83px;}
#logo { width:184px; height:50px; padding-left:10px; padding-top:1px; float:left; }
#pogledi { float:left; width:177px; height:30px; margin:8px 0 0 20px; background:url(images/elements.png) 0 -140px; line-height:30px; padding-left:10px; }
#top-menu { width:376px; height:35px; line-height:35px; background:url(images/elements.png) -1032px -90px; text-align:center; float:right; color:#999999; margin:7px 10px 0 0; }
#top-menu a { text-decoration:none; color:#999999; }
#top-menu a:hover { text-decoration:underline; color:#ffffff; }

#main { margin-top:5px; width:1000px; height:404px; background:url(images/indexDogaja.jpg); }
#content { width:330px; float:right; padding-top:5px; position:relative; }
#prijava-puscica { width:301px; height:86px; background:url(images/elements.png) -1032px -166px; padding:5px; color:#d6ecf7; }
#regije { display:none; position:absolute; left:-30px; top:60px; width:332px; z-index:100;}
#kategorije { display:none; position:absolute; left:20px; top:60px; width:332px; z-index:100;}
#regije-top { width:332px; height:45px; background:url(images/tbl_top.png); line-height:45px; text-align:center; font-size:18px; font-weight:bold; color:#ffffff; }
#regije-content { width:320px; background:url(images/tbl_main.png); padding-left:12px; }
#regije-bottom { width:332px; height:26px; background:url(images/tbl_bottom.png);}

#izberiregije { width:144px; height:31px; background:url(images/elements.png) -1036px -325px; line-height:31px; padding-left:10px; }
#izberiregije:hover { width:144px; height:31px; background:url(images/elements.png) -1036px -358px; cursor:pointer; }
#izberikategorije { width:144px; height:31px; background:url(images/elements.png) -1036px -325px; line-height:31px; padding-left:10px; }
#izberikategorije:hover { width:144px; height:31px; background:url(images/elements.png) -1036px -358px; cursor:pointer; }
#filterregije { width:144px; height:31px; background:url(images/elements.png) -1036px -325px; line-height:31px; padding-left:10px; }
#filterregije:hover { width:144px; height:31px; background:url(images/elements.png) -1036px -358px; cursor:pointer; }
#filterkategorije { width:144px; height:31px; background:url(images/elements.png) -1036px -325px; line-height:31px; padding-left:10px; }
#filterkategorije:hover { width:144px; height:31px; background:url(images/elements.png) -1036px -358px; cursor:pointer; }
#filterdatum { width:144px; height:31px; background:url(images/elements.png) -1036px -325px; line-height:31px; padding-left:10px; }
#filterdatum:hover { width:144px; height:31px; background:url(images/elements.png) -1036px -358px; cursor:pointer; }
#vsidogodki { width:144px; height:31px; background:url(images/elements.png) -1036px -325px; line-height:31px; padding-left:10px; }
#vsidogodki:hover { width:144px; height:31px; background:url(images/elements.png) -1036px -358px; cursor:pointer; }
#vsidogodki a { color:#000000; text-decoration:none; display:block;}

#regije2 { display:none; position:absolute; left:0px; top:-290px; width:332px; z-index:100;}
#kategorije2 { display:none; position:absolute; left:90px; top:-290px; width:332px; z-index:100;}
#izberidatum { display:none; position:absolute; left:250px; top:-90px; width:332px; z-index:100;}

#izberiregijesms { width:144px; height:31px; background:url(images/elements.png) -1036px -325px; line-height:31px; padding-left:10px; }
#izberiregijesms:hover { width:144px; height:31px; background:url(images/elements.png) -1036px -358px; cursor:pointer; }
#regijesms { display:none; position:absolute; left:0px; top:-290px; width:332px; z-index:100;}

#search { margin-top:5px; width:1002px; height:37px; background:url(images/elements.png) 0px -32px; position:relative; }

#results { margin-top:5px; width:1002px; height:195px; background:url(images/elements.png); background-position:0px -442px; position:relative; }
.results-item { float:left; width:183px; height:180px; border-right:1px solid #e2e2e2; padding-top:10px; }
.results-item:hover { background:#E9EBEA; cursor:pointer; }
.results-item-naslov { color:#136aad; height:35px; text-align:center; font-weight:bold;}
.results-item-slika { height:75px; overflow:hidden; text-align:center; }
.results-item-kraj { height:18px; width:183px; overflow:hidden; color:#196b9b; text-align:center;  }
.results-item-datum { height:18px; color:#353736; text-align:center; }
.results-item-kategorija { width:120px; height:18px; background:url(images/elements.png) -1037px -424px; color:#d44024; text-align:center; margin:5px 0 0 30px; }
#prevBtn3 { position:absolute; width:22px; height:33px; left:9px; top:80px; background:url(images/elements.png) 0 -241px; display:block; float:left; }
#prevBtn3:hover { background-position:-23px -241px; cursor:pointer; }
#nextBtn3 { position:absolute; width:22px; height:33px; left:972px; top:80px; background:url(images/elements.png) 0 -207px; display:block; float:left; }
#nextBtn3:hover { background-position:-23px -207px; cursor:pointer; }
#nav3 {position:absolute; top:10px; right:10px; z-index:1000; }
#nav3 a { float:left; width:14px; height:14px; background:url(images/elements.png) -77px -216px; margin-right:5px; color:transparent; display:block; }
#nav3 a.activeSlide { background:url(images/elements.png) -61px -216px; }

#footer { margin-top:5px; width:1002px; height:60px; background:url(images/elements.png); background-position:0px -646px; }
#malilogo { margin:18px 0px 0px 10px; float:left; }
#footer-linki { line-height:60px; float:right; padding-right:20px; }
#footer-linki a { text-decoration:none; color:#9b9b9b; }
#footer-linki a:hover { text-decoration:underline; }

/* //////////////// OGLASEVALCI ////////////////// */
#loginregister { width:1002px; height:325px; margin-bottom:10px; margin-top:-10px;}
#left-box { width:491px; height:325px; float:left; margin-top:7px; }
#right-box { width:491px; height:325px; float:left; position:relative; margin:7px 0 0 10px; }
#right-bottom { width:502px; height:266px; background:url(images/elements.png) -8px -1286px; position:absolute; top:58px; left:0px; }
.box-topleft { float:left; width:10px; height:10px; background:url(images/background/leftTopCorner.png); margin-top:5px; }
.box-top { float:left; height:10px; background:url(images/background/top.png) repeat-x; margin-top:5px;}
.box-topright { float:left; height:10px; width:10px; background:url(images/background/rightTopCorner.png); margin-top:5px;}
.box-middleleft { float:left; width:10px; background:url(images/background/left.png) repeat-y; }
.box-middle { float:left; background:#f0f2f1; }
.box-middleright { float:left; width:10px; background:url(images/background/right.png) repeat-y; }
.box-bottomleft { float:left; width:10px; height:10px; background:url(images/background/leftBottomCorner.png); }
.box-bottom { float:left; height:10px; background:url(images/background/bottom.png) repeat-x; }
.box-bottomright { float:left; height:10px; width:10px; background:url(images/background/rightBottomCorner.png); }
#login-box { width:491px; height:325px; float:left; position:absolute; top:0px; left:20px; }
#registracija-box { width:491px; height:325px; float:left; top:0px; left:20px; display:none; }

#prijava-tab-on { width:258px; height:58px; background:url(images/elements.png) -8px -1216px; position:absolute; top:0px; left:0px; padding:7px 0 0 20px; }
#prijava-tab-on:hover { cursor:pointer; }
#prijava-tab-off:hover { cursor:pointer; }
#prijava-tab-off { display:none; width:258px; height:58px; background:url(images/elements.png) -8px -1149px; position:absolute; top:0px; left:0px;  padding:7px 0 0 20px; }
#registracija-tab-on { display:none; width:258px; height:58px; background:url(images/elements.png) -282px -1216px; position:absolute; top:0px; left:259px; padding:7px 0 0 20px;  }
#registracija-tab-off { width:258px; height:58px; background:url(images/elements.png) -282px -1149px; position:absolute; top:0px; left:259px;  padding:7px 0 0 20px; }
#registracija-tab-on:hover { cursor:pointer; }
#registracija-tab-off:hover { cursor:pointer; }


#header-oglasevalci { width:1000px; height:133px; background:url(images/adminPhoto.jpg); }
.ogl-menu { float:left; }
.ogl-menu a {color:#666666; text-decoration:none; }
.ogl-menu a:hover {text-decoration:underline; }
.ogl-menu-desno { float:right; padding-right:10px; color:#c53b21; }

.tooltiptop { color:#ffffff; background:url(images/elements.png) -364px -724px; height:363px; width:461px; padding:12px 13px 12px 13px; z-index:50000; color:#666666; position:relative; }
.tooltip-link { width:439px; height:22px; background:#000000; line-height:22px; margin-bottom:2px; color:#a4a4a4; font-size:11px; padding-left:10px; }
.tooltip-link a { color:#ffffff; font-size:12px; text-decoration:none;}
.tooltip-naslov { width:444px; height:26px; background:url(images/elements.png) -875px -737px; padding-left:5px; line-height:26px; color:#ffffff; font-size:13px; font-weight:bold; margin:2px 0 0 2px;}
.tooltip-txt { width:430px; padding-left:10px; color:#333333; font-size:11px; }
.tooltip-img { width:190px; height:150px; overflow:hidden; float:left; margin-left:4px; }
.tooltip-data { float:left; width:255px; }
.tooltip-datum { width:255px; height:30px; background:#ececec; margin-top:2px; }
.icon-datum { width:28px; height:28px; background:url(images/elements.png) -872px -780px; margin:2px 0 0 5px;}
.icon-cas { width:28px; height:28px; background:url(images/elements.png) -910px -782px; margin:5px 0 0 8px;}
.icon-adresa { width:25px; height:25px; background:url(images/elements.png) -944px -781px; margin:2px 0 0 2px;}
.tooltip-cas { width:255px; height:30px; background:#ececec; margin-top:2px; }
.tooltip-prizorisce { padding-left:5px; margin-top:-5px; }
.tooltip-telefonska { padding-left:5px; }
.tooltip-ttt { color:#136aad; }
.tooltip-adresa { height:30px; line-height:30px; border-bottom:1px solid #bebebe; width:449px; }
.closetip {  position:absolute; top:13px; right:28px; font-size:16px; font-weight:bold; color:#ffffff; cursor:pointer; }
.rdecitxt { font-weight:bold; color:#e03200;}

.icon-popravi { width:28px; height:28px; background:url(images/elements.png) -873px -998px; }
.icon-brisi { width:28px; height:28px; background:url(images/elements.png) -919px -999px; }
.icon-koledar { width:28px; height:28px; background:url(images/elements.png) -978px -781px;}

/* //////////////// PAGINATION /////////////////// */
#pagination { float:right; padding-right:30px; margin-top:10px; }
/*
.paginationprev { height:25px; width:60px; border:1px solid #ffffff; line-height:25px; background:#ffffff; text-align:left; }
.paginationnext { height:25px; width:80px; border:1px solid #ffffff; line-height:25px; background:#ffffff; text-align:right; }
a.paginationactive { color:#000000; line-height:25px; text-decoration:none; display:block; width:20px; background:#ffffff; text-align:center; border:1px solid #fefefe; margin-left:2px; margin-right:2px; font-weight:bold; }
a.pagination { color:#000000; line-height:25px; text-decoration:none; display:block; width:20px; background:#ffffff; text-align:center; border:1px solid #bdbdbd; margin-left:2px; margin-right:2px; }
a.paginationnext { height:25px; width:80px; border:1px solid #bdbdbd; line-height:25px; background:#ffffff; text-align:right;  color:#000000;line-height:25px; text-decoration:none; display:block; }
a.paginationprev { height:25px; width:60px; border:1px solid #bdbdbd; line-height:25px; background:#ffffff; text-align:left;  color:#000000;line-height:25px; text-decoration:none; display:block; }
*/
.paginationprev { width:91px; height:30px; background:url(images/elements.png) -1211px -326px; line-height:30px; padding-left:5px; }
a.paginationprev { text-decoration:none; color:#000000; display:block;}
.paginationprev:hover { background-position:-1211px -359px; }
.paginationnext { width:91px; height:30px; background:url(images/elements.png) -1211px -326px; line-height:30px; padding-right:5px; text-align:right;}
a.paginationnext  { text-decoration:none; color:#000000; display:block;}
.paginationnext:hover { background-position:-1211px -359px; }
.pagination { width:28px; height:30px; background:url(images/elements.png) -1318px -326px; line-height:30px; text-align:center; }
a.pagination { text-decoration:none; color:#000000; display:block;}
.pagination:hover { background-position:-1318px -359px; }
.paginationactive { width:28px; height:30px; background:url(images/elements.png) -1318px -326px; line-height:30px; text-align:center; }
a.paginationactive { text-decoration:none; color:#000000; display:block; font-weight:bold; }
.paginationactive:hover { background-position:-1318px -359px; }


/* //////////////// GENERAL STYLE //////////////// */

body { font: 12px Arial, sans-serif; background-color:#D6DBDD; }

.prijavasubmit { width:136px; height:46px; border:none; background:url(images/elements.png); background-position:-258px -269px; }
.prijavasubmit:hover { background-position:-401px -269px; cursor:pointer; }
.prijavasubmit.prijavasubmitclick { background-position:-548px -269px; cursor:pointer; }
.registracijasubmit { width:186px; height:46px; border:none; background:url(images/elements.png); background-position:-258px -327px; }
.registracijasubmit:hover { background-position:-464px -327px; cursor:pointer; }
.registracijasubmit.registracijasubmitclick { background-position:-668px -327px; cursor:pointer; }
.bluebutton { width:136px; height:42px; border:none; background:url(images/elements.png); background-position:-258px -209px; text-align:center; line-height:40px; color:#ffffff;}
.bluebutton a { color:#ffffff; text-decoration:none; display:block;}
.bluebutton:hover { background-position:-548px -210px; cursor:pointer; }
.redbutton { width:82px; height:30px; border:none; background:url(images/elements.png); background-position:-1035px -486px; text-align:center; line-height:30px; color:#ffffff;}
.redbutton a { color:#ffffff; text-decoration:none; display:block;}
.redbutton:hover { background-position:-1035px -518px; cursor:pointer; }
.greybutton { width:136px; height:46px; border:none; background:url(images/elements.png); background-position:-258px -149px; text-align:center; line-height:40px; }
.greybutton a { color:#666666; text-decoration:none; display:block;}
.greybutton:hover { background-position:-401px -149px; cursor:pointer; }
.greybutton.greybuttonclick { background-position:-548px -269px; cursor:pointer; }
.prijavatextsmall { width:145px; height:25px; border-top:1px solid #BDBDBD; border-left:1px solid #BDBDBD; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; background-color:#EDEDED; }
.prijavatext { width:310px; height:25px; border-top:1px solid #BDBDBD; border-left:1px solid #BDBDBD; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; background-color:#EDEDED; }
.textareatext {background-color:#EDEDED; border-top:1px solid #BDBDBD; border-left:1px solid #BDBDBD; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; }
.smallergrey { color:#9d9d9d; font-size:11px; }
.tableregija { width:305px; font-size:12px; background-color:#ededed; }
.tableregija tr:hover { background:#dcdcdc; }
#zapributton { width:103px; height:30px; border:none; background:url(images/elements.png) 0 -834px; margin-left:100px; }
#zapributton:hover { background-position:0px -875px; cursor:pointer; }
#zapributton2 { width:103px; height:30px; border:none; background:url(images/elements.png) 0 -834px; margin-left:100px; }
#zapributton2:hover { background-position:0px -875px; cursor:pointer; }
#zapributton3 { width:103px; height:30px; border:none; background:url(images/elements.png) 0 -834px; margin-left:100px; }
#zapributton3:hover { background-position:0px -875px; cursor:pointer; }
#zapributton4 { width:103px; height:30px; border:none; background:url(images/elements.png) 0 -834px; margin-left:100px; }
#zapributton4:hover { background-position:0px -875px; cursor:pointer; }
#zapributton5 { width:103px; height:30px; border:none; background:url(images/elements.png) 0 -834px; margin-left:100px; }
#zapributton5:hover { background-position:0px -875px; cursor:pointer; }
#UspesnaPrijava { display:none; width:270px; float:right; color:#ffffff; font-weight:bold; text-align:center; line-height:25px; margin-right:20px; }

div#nifty{ margin: 0;background: #ff0000;}
b.rtop, b.rbottom{display:block;background: #D6DBDD;}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #ff0000;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}