input:focus,textarea:focus,select:focus { outline:none;}
body { background:url(../images/bg.jpg) center center fixed; background-size:cover; margin:0; padding:0; overflow-x:hidden;}
.round {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.banner-wrap { padding:0px 0; background:url(../images/bgb30.png); overflow:hidden; border-bottom:2px solid #111; /*border-bottom:1px solid #666;*/  z-index:200; position:relative; display:block;}
.banner-wrap div {width:928px; margin:0 auto; text-align:center; z-index:200; position:relative;}
.banner-wrap div a img { border: 1px solid #111;}
.cb {clear:both;}

form {margin:0;}

 
/* FONTS */
@font-face {
    font-family: 'pnbi';
    src: url('../fonts/proximanova-boldit-webfont.eot');
    src: url('../fonts/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-boldit-webfont.woff') format('woff'),
         url('../fonts/proximanova-boldit-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-boldit-webfont.svg#ProximaNovaBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pn';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pnb';
    src: url('../fonts/proxima_nova_bold-webfont.eot');
    src: url('../fonts/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima_nova_bold-webfont.woff') format('woff'),
         url('../fonts/proxima_nova_bold-webfont.ttf') format('truetype'),
         url('../fonts/proxima_nova_bold-webfont.svg#ProximaNovaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pnsb';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-semibold-webfont.svg#ProximaNovaSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


#loader {position:fixed;  padding:10px; z-index:30; width:150px; height:66px; margin-left:-75px; margin-top:-34px; bottom:45%; left:50%; background:url(../images/bgb30.png); display:block; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
#loader div {width:85px; font-size:16px; font-family:pn; color:#2F2F30; z-index:31; height:50px;padding:15px 5px 0px 60px;background:#fff url(../images/loader.gif) 15px center no-repeat;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}

.widewrap {overflow:hidden; width:1350px; margin:0 auto;}
#b1banner, #b2banner {width:160px; height:600px; overflow:hidden; position:absolute; top:30px;}
#b2banner {right:-160px;}
#b1banner {left:-160px;}

#c1banner, #c2banner {width:160px; height:600px; overflow:hidden; position:absolute; top:660px;}
#c2banner {right:-160px;}
#c1banner {left:-160px;}

#d1banner, #d2banner {width:160px; height:600px; overflow:hidden; position:absolute; top:1290px;}
#d2banner {right:-160px;}
#d1banner {left:-160px;}

.pagewrap {width:980px; padding:0 15px 15px; background:url(../images/bgt-light.png); margin:0 auto; position: relative; color:#000; font:14px pn,Arial, Helvetica, sans-serif; z-index:0; min-height:600px; }
.pagewrap a { text-decoration:none; color:#000;}
.pagewrap a:hover { text-decoration:underline; color:#c00886;}

a.floatlink{display:block; z-index:200; position:fixed; text-decoration:none; border:1px solid #fff; right:0px;background:url(../images/city-tabs.png) 0 -8px repeat-x; box-shadow:0 0 0 1px #444; text-shadow:0px -1px #222; text-align:center; color:#fff; font:12px/22px pnb,Arial, Helvetica, sans-serif; height:20px; width:66px; text-transform:uppercase;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px; border-right:none;}
a.floatlink.top {bottom:160px; display:none;}
a.floatlink.glavnip{bottom:130px; }
a.floatlink.dodatnip{bottom:100px; }
a.floatlink.karta{bottom:70px; }
a.floatlink:hover {text-decoration:none; background-position:-62px; text-shadow:none; color:#c00886; border-color:#c00886;}

a.towerlink {display:block; width:160px; height:600px; position:relative; overflow:hidden;}
a.towerlink img {border:none;width:160px; height:600px;}
a.poplink {display:block; width:300px; height:300px; position:relative; overflow:hidden;}
a.poplink img {border:none;width:300px; height:300px;}

.nlwrap {position:relative; background: url(../images/bg-dark-75p.png); color:#fff; overflow:hidden; border-bottom:1px solid #222;}
.nl {width:980px; margin:0 auto; overflow:hidden; padding:5px 0 0px;}
.nl .nldesc {float:left; width:450px; padding:0 10px; margin-left:15px;}
.nl .nldesc strong {color:#ee579b;display:block;}
.nl h2 {margin:5px 0; font:bold 14px pn,Arial, Helvetica, sans-serif;}
.nl .nldesc p {font:12px/16px pn,Arial, Helvetica, sans-serif; margin-top:4px;}

.emailsuccess, .emailerror {border:2px solid #0C3; text-align:center; color:#fff; padding:5px 0px; font:bold 12px arial; display:none; margin:7px 0px;}
.emailerror {border:2px solid #C30; }

.nl form {display:block; float:right; width:455px;}
.nl form label{display:block; margin:0px 0 5px 0px; font:12px/16px pn,Arial, Helvetica, sans-serif; float:left; margin-bottom:5px;}
label#labelemail {width:184px;}
label#labelgrad {width:110px; margin-left:15px;}
.nl form input {display:block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;   margin:0px 15px 5px 0px;background:#fefefe; float:left; border:none; height:24px; width:170px; font:14px/20px Arial, Helvetica, sans-serif; padding:0px 5px;}
.nl form select {display:block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0px 15px 5px 0px;background:#fefefe;float:left; border:1px solid #000;  height:24px; width:110px;font:bold 14px/20px Arial, Helvetica, sans-serif; }
.nl form select option {padding:2px 5px;}
.nl form #submitnewsletter {height:24px;margin:0px 15px 0 0px; width:50px;float:left;display:block;background:#ee579b; color:#fff; border:1px solid #ee579b; font-weight:bold;}
.nl form #submitnewsletter:hover { cursor:pointer; background:#C61C79;}

#naslovi {position:relative; overflow:hidden; margin:0 0 5px 0;}

h1 { font-family:Arial, Helvetica, sans-serif;}
#naslovi h2 {font:normal 20px pnsb,Arial, Helvetica, sans-serif;margin:0; box-shadow:0 1px 3px 1px #444, 0 -1px 4px 1px #fff inset;  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding:8px 10px; background:#fff url(../images/city-tabs.png) 0 -52px repeat-x;  text-shadow:0px 1px #fff;  text-align:center;}
#naslovi h2 span {color:#C8088B;}

.head-info {width:590px;  float:right;margin:33px 0 0px 0;/*-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;background:url(../images/bgb.png) bottom left repeat-x; */}
.news-info { color:#fff; overflow:hidden;height:30px; position:relative; width:570px; clear:both; margin:0 auto;}
.news-info ul { display:none; overflow:hidden;padding:0;margin:1px 0 0;height:25px;}
.news-info ul li strong { font-weight:normal;}
.news-info .scontent ul li h3 {margin:0; padding:0; line-height:25px;}
.news-info .scontent ul li h3 a { text-decoration:none;height:19px; display:block; color:#fff !important;padding-left:6px; text-shadow:0px 1px #000; font:normal 14px/25px pn,Arial, Helvetica, sans-serif;}
.news-info ul li h3 a:hover {color:#ee579b !important; text-decoration:none !important;}
.news-info .scontent {height:30px; overflow:hidden; width:558px; padding:0 0 0 12px;}

#nema {width:520px; box-shadow:0 0 3px 0 #444; margin:50px auto; display:block; position:relative; text-align:center; font:bold 14px/20px pnsb,Arial, Helvetica, sans-serif; color:#222; display:none; overflow:hidden; background:#fefefe; padding:20px; border:2px solid #89C9F0;}

#locmenu { position:relative;background:url(../images/bgb30.png);padding:7px;-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; margin:35px 25px 0px 20px; float:right; width:33px; height:17px; overflow:hidden;}
#locmenu a.flag {display:block; background-repeat:no-repeat; height:20px;  width:20px; background-position:center center;}
#locmenu #hrflag { background-image:url(../images/croatia.png)}
#locmenu #siflag { background-image:url(../images/slovenia.png)}
#locmenu #srflag { background-image:url(../images/serbia.png)}
#locmenu #mkflag { background-image:url(../images/macedonia.png)}
#locmenu a.arrow {overflow:hidden;position:absolute; top:13px; width:10px; right:7px; display:block; background: url(../images/arrows-white.png) no-repeat; height:7px;}
#locmenu a.arrow.open {background-position:-20px 0px;}

#dodatnip {box-shadow:0 0 4px 0 #555;}

#popup {display:none;z-index:500;width:300px; height:300px;position:absolute; overflow:visible;}
#closepopup {display:block; width:16px; height:16px; top:-18px; right:-18px; background:url(../images/x.png) no-repeat; position:absolute; z-index:501;}
#closepopup:hover {cursor:pointer;}

table.maintable h2 {margin:0;padding:0; background:none; border:none; width:auto;float:none; font-size:inherit; font-weight:normal; height:14px; overflow:hidden;}
table.maintable h3, table.dodatneponude h2, #komentari h2, #novosti h2, #novosti h3 { margin:0; font-size:inherit; font-weight:normal;}
table.maintable h3 {font-weight:bold;}

a.sortlink { color:inherit; text-decoration:none; padding-right:18px; background: url(../images/arrow-sort.png) right 5px no-repeat;}
a.sortlink:hover {color:#fff; text-decoration:none;}

#novosti h2 {display:inline;}
#novosti h3 {font:normal 14px/18px pn,Arial, Helvetica, sans-serif; display:inline;}

.logo {width:280px; height:120px; background:url(../images/logo-svi-popusti.png) 0 0 no-repeat; position:relative; display:block; float:left; margin-left:16px;}
.redak { clear:both; position:relative; display:block;}

#izbornik-gradova {width:980px; overflow:hidden; float:left; position:relative; padding-bottom:20px;}
#izbornik-gradova a, span#selcity {display:block;box-shadow:0 1px 1px 1px #444, 0 -1px 1px 1px #F7F7F7 inset; position:relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; float:left; border:2px solid #4AB5F1; margin:10px 8px 10px 8px; padding:5px 10px 5px 12px; background:url(../images/bgmenu.png) repeat-x; text-decoration:none; color:#333; font:18px pnsb,Arial, Helvetica, sans-serif; text-shadow:0px 1px #fff;}

#izbornik-gradova a.active, span#selcity.active {background:url(../images/city-tabs.png) 0 -1px repeat-x; box-shadow:0 1px 1px 1px #444,0 -1px 3px 1px #555 inset; color:#fff; border:2px solid #fff;  text-shadow:0px -1px #444;}
#izbornik-gradova a.first {margin-left:0;}
#izbornik-gradova a:hover,span#selcity:hover { cursor:pointer;color:#c00886; text-decoration:none; text-shadow:none;border:2px solid #c00886; /*-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;*/}
#izbornik-gradova a.active:hover,span#selcity.active:hover {color:#fff; text-shadow:0px -1px #444;cursor:default;border:2px solid #fff;}
span#selcity.active:hover {cursor:pointer;}

#izbornik-gradova a span,span#selcity span {width:20px; height:19px; float:right; text-shadow:0px 1px #f2f2f2; display:block; margin:0 0 0 5px; box-shadow:0 1px 2px 0 #aaa inset; background:#EFEFEF; padding:1px 2px; font:normal 9px/20px Arial, Helvetica, sans-serif !important; color:#222 !important; text-align:center; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; }
#izbornik-gradova a:hover span,span#selcity:hover span { text-shadow:0px -1px #fff; }
#izbornik-gradova a.first {margin-left:25px;}
#izbornik-gradova a.first:hover {cursor:pointer;}
span#selcity span {background:#efece8 url("../images/dots-expand.png") no-repeat 0 bottom; padding:0; box-shadow:none;}
span#selcity.active span { background-position:0 top;}

#city-menu-expand {clear:both; overflow:hidden;padding:7px; background:url(../images/bgb30.png); -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;position:relative; display:none; margin:15px 0;}
#city-menu-expand a {margin:8px;}

#searchbox {float:right; margin:6px 25px 10px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding:7px 8px; background:url(../images/bgb30.png);  text-shadow:0px 1px #fff;  text-align:center;}

#csearch {padding:0 6px !important; color:#aaa; background:#fff !important; font-family:pn; border:1px solid #efefef !important; box-shadow:0 -1px 3px 0px #CCC inset !important; font-size:14px !important; height:22px !important; line-height:22px !important; width:180px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

#bbutton {background:url(../images/city-tabs.png) 0 -6px repeat-x ;border:1px solid #5EBDEC !important; text-transform:uppercase; box-shadow:0 -1px 4px 0px #555 inset; text-shadow:0px -1px #222; text-align:center; color:#fff; height:26px; padding:0 10px; font:12px/26px pnb,Arial, Helvetica, sans-serif; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#bbutton:hover { cursor:pointer;color:#c00886; box-shadow:none; text-decoration:none; text-shadow:none;border:1px solid #fff !important;background:url(../images/bgmenu.png) 0 -4px repeat-x !important;}

.totop { color:#666; text-decoration:none; text-transform: uppercase; font:12px pn,Arial, Helvetica, sans-serif; float:right; margin:3px 10px;}
.totop:hover {color:#000;}

.datum { font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#000; padding:7px 15px;  float:right; overflow:hidden;background:url(../images/city-tabs.png) 0 -57px repeat-x; text-shadow:0px 1px #fff; text-align:center; border-bottom:1px solid #fff;margin:10px 0px 10px 10px;}

.cmenu{overflow:hidden;margin:20px 0 0 0; box-shadow:0 -1px 2px 0px #555,0 1px 1px 1px #555; padding:0; clear:both;background:url(../images/bgmenu.png) repeat-x; font:14px/36px pnsb,Arial, Helvetica, sans-serif; display:block; border:1px solid #fff; height:36px; list-style:none;position:relative; z-index:5;}
.cmenu.fixed {position:fixed;top:0;margin-top:0;
	border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	box-shadow: 0 1px 3px 0 #555555;
	margin-left: 0;
	margin-top: 0;
	z-index:10;
}
.cmenu.fixed li:first-child a {
	border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
}
.cmenu li {float:left;position:relative;overflow:hidden;height:36px;}
.cmenu li span {position:absolute; display:block; bottom:0; left:0; width:100%; margin-left:-2px; height:3px; border-top:1px solid #fff;border-right: 1px solid white;border-left: 1px solid #DDD;}
.cmenu li span.all {background-color:#d6d5d6;}
.cmenu li span.hrana {background-color:#d94d4d;}
.cmenu li span.putovanjasmjestaj {background-color:#f18507;}
.cmenu li span.masaze {background-color:#109deb;}
.cmenu li span.ljepotazdravlje {background-color:#d806c1;}
.cmenu li span.sport {background-color:#56ce03;}
.cmenu li span.dogadjanja {background-color:#940ead;}
.cmenu li span.edukacija {background-color:#cd8a00;}
.cmenu li span.avantura {background-color:#f5c503;}
.cmenu li span.ostalo {background-color:#444;}

/*.cmenu li a:hover,*/#all-offers table tr:hover td {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} 

.cmenu li a.kat1:hover,.cmenu li a.kat11:hover {color:#d94d4d}
.cmenu li a.kat2:hover,.cmenu li a.kat12:hover {color:#f18507}
.cmenu li a.kat3:hover,.cmenu li a.kat19:hover {color:#109deb}
.cmenu li a.kat4:hover,.cmenu li a.kat18:hover,{color:#d806c1}
.cmenu li a.kat5:hover,.cmenu li a.kat15:hover {color:#56ce03}
.cmenu li a.kat6:hover,.cmenu li a.kat16:hover {color:#940ead}
.cmenu li a.kat7:hover,.cmenu li a.kat17:hover {color:#cd8a00}
.cmenu li a.kat8:hover,.cmenu li a.kat14:hover {color:#f5c503}
.cmenu li a.kat9:hover,.cmenu li a.kat13:hover {color:#111;}

.cmenu a { color:#444; text-shadow:0px 1px #fff; box-shadow:0px -7px 12px 1px #ddd inset; display:block; float:left; padding:0 15px;height:36px; line-height:34px; border-right: 1px solid white;border-left: 1px solid #C2C2C2;}
.cmenu a.active {background:url(../images/city-tabs.png) 0 -1px repeat-x;color:#fff; text-shadow:0px -1px #444;box-shadow:0 -1px 3px 1px #555 inset}
.cmenu a.active:hover {color:#fff !important; cursor:default; text-shadow:0px -1px #444; box-shadow:0 -1px 3px 1px #555 inset}
.cmenu a:hover {  color:#c00886; text-shadow:0px 1px #fff; text-decoration:none;box-shadow:0 -5px 8px 2px white inset}

.cmenu li:last-child { background:none;}
.cmenu li:last-child span {background-image:none;}
.cmenu li:last-child a {padding-right:12px;padding-left:12px; border-right:none;}
.cmenu li:first-child a {-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}

#floatmenuwrap {display:none;position:fixed;z-index:10;margin-top:0; top:0;}
#floatmenu {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; margin-top:0; top:0; margin-left:0; box-shadow:0 1px 3px 0 #555;}
#floatmenu li:first-child a {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

tr.kat1 td.popust {color:#d94d4d}
tr.kat2 td.popust {color:#f18507}
tr.kat3 td.popust {color:#0f93d9}
tr.kat4 td.popust {color:#d806c1}
tr.kat5 td.popust {color:#093;}
tr.kat6 td.popust {color:#940ead}
tr.kat7 td.popust {color:#cd8a00}
tr.kat8 td.popust {color:#e4c801}
tr.kat9 td.popust {color:#222;}

#all-offers table tbody tr td:first-child {border-left:1px solid #fff}

tr.kat1 td.portal {box-shadow:4px 0 0 0 #d94d4d inset;}
tr.kat2 td.portal {box-shadow:4px 0 0 0 #f18507 inset;}
tr.kat3 td.portal {box-shadow:4px 0 0 0 #0f93d9 inset}
tr.kat4 td.portal {box-shadow:4px 0 0 0 #d806c1 inset}
tr.kat5 td.portal {box-shadow:4px 0 0 0 #093 inset;}
tr.kat6 td.portal {box-shadow:4px 0 0 0 #940ead inset;}
tr.kat7 td.portal {box-shadow:4px 0 0 0 #cd8a00 inset;}
tr.kat8 td.portal {box-shadow:4px 0 0 0 #e4c801 inset;}
tr.kat9 td.portal {box-shadow:4px 0 0 0 #222 inset;}

tr:hover td a {text-shadow:none;}
tr.kat1:hover td,tr.kat11:hover td {background:#fbeeee;}
tr.kat2:hover td,tr.kat12:hover td {background:#fef3e7;}
tr.kat3:hover td,tr.kat19:hover td {background:#E3EFF9;}
tr.kat4:hover td,tr.kat18:hover td {background:#ffeafe;}
tr.kat5:hover td,tr.kat15:hover td {background:#f1ffe8;}
tr.kat6:hover td,tr.kat16:hover td {background:#fae8fd;}
tr.kat7:hover td,tr.kat17:hover td {background:#fff5e1;}
tr.kat8:hover td,tr.kat14:hover td {background:#fffbdd;}
tr.kat9:hover td,tr.kat13:hover td,tr.kat0:hover td {background:#eaeaea;}

.maintable td { border-bottom:1px solid #c7c7c7;border-top:1px solid #fff; margin-bottom:1px; background:#fff url(../images/bg-offer.png) 0 bottom repeat-x; padding:10px; text-shadow:0px 1px #fff; }
.maintable td a { text-decoration:none; color:#444;}
.maintable thead td {padding:7px 10px 5px 10px;}
.maintable thead td a,.maintable thead td a:hover { text-decoration:none; color:#fff;}

.maintable td a:hover { text-decoration:underline; color:#000;}

#all-offers {width:750px; float:left;}
#rightcolumn {float:right; width:210px;}

tr.firstrow td, tr.firstrow:hover td { text-shadow:0px -1px #023456; box-shadow:0px -1px 0px 0px #0357A5; color:white; border:none;background:url(../images/bgblue.png) repeat-x !important;font-size: 12px;font-family: pnb, arial, sans-serif;text-transform: uppercase;}
tr.firstrow td strong {font-weight:normal; font-family:pnb, arial, sans-serif;}

span.hot {display:block; position:absolute; top:-10px; right:-14px; z-index:7; width:30px; height:32px; background: url(../images/hot.png) no-repeat; }
 
#viewpopular {margin-right:90px;}
#viewpopular,#viewnew {background:#f0f0f0 url(../images/dots.png) right -3px no-repeat;padding-right:20px;}
#viewpopular:hover,#viewnew:hover,#viewpopular.active,#viewnew.active {background-position:right -35px;  background-color:#fff;}
#viewpopular.active:hover,#viewnew.active:hover{cursor:default;}

.sortcontent,.scontent {background:url(../images/bgb30.png); line-height:30px;float:left; padding:0 10px;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}
.sortcontent span {color:#f6f6f6; font-size:12px; text-shadow:0px 1px #303030; font-family:pnb, arial, sans-serif; text-transform:uppercase;}
.sortcontent a {display:inline-block; padding:0 25px 0 11px; font:10px/19px pn,Arial, Helvetica, sans-serif; box-shadow:0 0 2px 1px #262626; color:#555; text-transform:uppercase; height:18px; margin:3px 4px 0; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; background:#f0f0f0 url(../images/arrows-sort.png) right -7px no-repeat; text-shadow:0px 1px #fff;}
.sortcontent a:hover, .sortwrap .sortcontent a.active {color:#b70578; text-decoration:none; background-position:right -93px; background-color:#fff;}
.sortwrap .sortcontent a.active {background-position:right -64px;}
.sortcontent a.active.up {background-position:right -93px;}

.sortwrap { position:relative;}
.sortwrap .sortcontent { padding: 0 20px 0 83px;margin: 0 0 28px 25px;height: 30px;width: 832px;position: relative;}

div.img-overlay {width:150px; height:90px; position:relative; margin-left:2px;}
div.img-overlay a {display:block; z-index:0; overflow:hidden; position:absolute; top:0; left:0;}
div.img-overlay a img {border:none;}
div.img-overlay a:hover img {border:none; }
div.img-overlay h3 {display:block; position:absolute; height:0; background:rgba(1,1,1,0.5); width:150px; overflow:hidden; bottom:0; left:0; z-index:1; color:#fff !important;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
div.img-overlay h3 a { text-decoration:none; position:relative; margin-left:5px; text-shadow:0px 1px #444 !important; overflow:hidden;  color:#fff !important; font:normal 11px/15px pn,Arial, Helvetica, sans-serif !important; display:block;}
div.img-overlay h3 a:hover { text-decoration:none!important;color:#ee579b!important; }

#all-offers table tr:hover div.img-overlay h3 {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;height:15px;}

td.portal {width:90px;font:bold 14px Arial, Helvetica, sans-serif; }
td.naslov { font-size:14px; line-height:18px; color:#111; }
td.cijena {width:85px; font:22px pnsb, Arial, Helvetica, sans-serif; color:#222; padding:10px 0px 10px 20px;}
#gsortcijena,#dsortcijena {padding-left:10px;}
td.vrijednost {width:70px; font:normal 16px pn,Arial, Helvetica, sans-serif; color:#666; text-decoration: line-through;}
span.vrijednost { font:normal 16px pn,Arial, Helvetica, sans-serif; color:#777; text-decoration: line-through;}

td.popust {width:40px; font:26px pnb,Arial, Helvetica, sans-serif; color: #093; text-align:center; padding:10px 3px 10px 17px;}
td.usteda {width:60px; font:16px pnb,Arial, Helvetica, sans-serif; color: #444;text-align:center;}
#gsortusteda,#gsortprodano ,#dsortusteda,#dsortprodano{padding-left:8px;}
td.status { font:12px Arial, Helvetica, sans-serif; width:65px; text-align:center;}
td.status .ponudauspjela {font:normal 12px/14px pn,Arial, Helvetica, sans-serif; color: #093; display:block; margin-top:6px;}
td.status .ponudauspjela2 {font:normal 12px/14px pn,Arial, Helvetica, sans-serif; color: #000; display:block;margin-top:6px;}
td.status .ponudautijeku {font:normal 12px/14px pn,Arial, Helvetica, sans-serif; color: #06C; display:block;margin-top:6px;}
td.status .ponudazavrsena {font:normal 12px/14px pn,Arial, Helvetica, sans-serif; color: #C30; display:block;margin-top:6px;}

span.prodanowrap {display:inline-block;min-width:13px;border:1px solid #fff; padding:6px 6px 5px; background:#efefef; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; box-shadow:0 1px 2px 0 #888888 inset;}
span.prodanowrap.hide {display:none;}

.small {font-size:9px;}
.live {font:normal 8px arial; color:red !important; text-shadow:none;}

.dodatneponude { font:12px arial;}
.dodatneponude td { border-bottom:1px solid #888;border-top:1px solid #fff; margin-bottom:2px; background:#fff; height:40px;font:14px Arial, Helvetica, sans-serif; padding:10px; }
.dodatneponude td a { text-decoration:none; color:#000; line-height:20px;}
.dodatneponude a:hover { text-decoration:underline; color:#c00886;}
.dodatneponude tr.firstrow:hover td{background:#000;}
.dodatneponude tr.firstrow td {height:30px; text-shadow:0px 1px #000; color:white; border:none;background:url(../images/bgb.png) 0 0 repeat-x;}

#main-offers tr.firstrow td:first-child {-webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;padding-left: 15px;}
#main-offers tr.firstrow td:last-child {-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;border-top-right-radius: 5px;}

#other-offers tr.firstrow td:first-child {padding-left: 15px;}

#other-offers>a { border:2px solid #fff; text-shadow: 0px -1px #444;display:block;width:660px; text-decoration:none; margin:20px auto 35px; position:relative; color:#fff; text-transform:uppercase; height:38px; font:bold 20px/40px pnb, Arial, Helvetica, sans-serif; text-align:center; padding:0 30px;background: url(../images/city-tabs.png) repeat-x;	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; box-shadow:0 -1px 4px 1px #555 inset, 0 0 4px 0 #444;}
#other-offers>a:hover { color: #444;text-shadow: 0px 1px white;box-shadow: 0px -7px 12px 1px #DDD inset, 0 0 4px 0 #333; border-color:#1FAADF; background: url(../images/bgmenu.png) 0 1px repeat-x;}

.upozorenje { margin:30px 0;  background:#FEF0EB; padding:15px; border:2px solid #C30; color:#000; font:bold 14px Arial, Helvetica, sans-serif; line-height:20px;}
.upozorenje span {color: #C30; font-weight:bold;}

.topzarada {margin:10px 15px 0 15px; line-height:18px; overflow:hidden; border-bottom:1px solid #eee;padding:0 0 10px;}
.topzarada a.tzlink {color:#222; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font:12px/16px pn,Arial, Helvetica, sans-serif; display:block; overflow:hidden; max-height:60px; margin-top:10px; clear:both; padding:7px; background:#edf7fc;box-shadow: 0 0 3px 0px #3C8DB8 inset;}
.topzarada a.tzlink strong {font-weight:normal;}
.topzarada a.tzlink:hover { text-decoration:none; color:#c00886;}

.numlabel {display:inline-block;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f6f6f6; padding:5px; font-family:pnb, arial, sans-serif; box-shadow:0 0 2px 1px #ccc inset; color:#222; margin:2px 5px;}
.topzarada .numlabel {margin:5px 0px 0 0;font-size:13px;}

.hor3 {overflow:hidden; display:block; clear:both; margin:25px 0px; position:relative;}
.hor3>div {float:left; margin:0 20px 0 0; width:300px; overflow:hidden;} 
.bthead {box-shadow:0px -1px 1px 0 #555;background:url(../images/bgblue.png) repeat-x;color:#fff;  text-shadow:0px -1px #023456; padding:7px 7px 6px 7px; font:12px pnb,arial,sans-serif; text-transform:uppercase; 
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}

.fb_iframe_widget {left:-1px;bottom:-1px;}
.fb_iframe_widget iframe[style]{width:212px !important;}

#komentari h2 {font-weight:bold;}
.btbody {background:#fff; margin:0; padding:0px;position:relative;overflow:hidden;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; box-shadow:0 -2px 5px 1px #E6E6E7 inset, 0 0 4px 0 #555}
.btbody table {margin:10px; width:190px;} 
.btbody table td { border-bottom:1px solid #eee;padding:10px 5px;}

#komentari {width:390px;}

#brfanova {width:210px;margin-right:0; }
#brfanova td a {font-size:14px!important;}
#brfanova td {font-size:14px !important;border-bottom: 1px solid #EEE;padding: 10px 5px;}
#brfanova table { margin-bottom:0px;}
#brfanova table.nomt { margin-top:0px;}
#brfanova .bthead {line-height:normal; }
#novosti {width:210px; margin-bottom:20px;}
#novosti ul {margin:0px 0;padding:5px 15px 0px 15px; display:block; list-style:none;}
#novosti ul li { padding:10px 0; border-bottom:1px solid #eee;}

.povdodatnaopis { text-transform: lowercase;}
.lower {text-transform: lowercase;}
#povoljno,#uhvatival { text-transform:lowercase;}

#likebox { margin:20px 0 0 0;}
#footer-cities,#footer-media {margin-bottom:10px; box-shadow:0 -2px 5px 1px #E6E6E7 inset, 0 0 4px 0 #555; text-align:center;}
#footer-cities h3 {display:inline; font:normal 14px pn,Arial, Helvetica, sans-serif;}

#footer-media { background:#fff url(../images/mediji.jpg) center center no-repeat; height:20px;}

#interesting {margin:0 0 30px; clear:both;}
#interestingoffers {margin:10px; border:1px solid #c8c8c8; max-height:330px; overflow:auto;}
#interestingoffers a {display:block; text-shadow:0px 1px #fff;box-shadow:0 -20px 35px 1px #F0F0F0 inset; padding:8px 5px 8px 10px; overflow:hidden; line-height:18px; border-bottom:1px solid #cecece;border-top:1px solid #fff; background:#fff url(../images/bg-offer.png) 0 bottom repeat-x;}
#interestingoffers a:hover {background:#21A7C9; text-shadow:0px -1px #013644; box-shadow:0 -20px 35px 1px #2789A8 inset; border-bottom:1px solid #000F16; color:#fff;}
#interestingoffers a img {float:left; margin-right:15px; border:1px solid #fff;}
#interestingoffers a span.title {float:left; width:590px; display:block; margin-top:5px; line-height:19px;}
#interestingoffers a em {float:left; display:block; margin:5px 0 0 10px; width:80px; font-style:normal; height:60px; text-align:center; text-transform:uppercase;}
#interestingoffers a em.iprice {margin-left:15px; margin-right:8px; width:100px}
#interestingoffers a em strong {font-weight:normal; font-size:10px; color:#aaa; display:block; margin-bottom:3px; }
#interestingoffers a:hover em strong {color:#fff;}
#interestingoffers a em span {display:block; font-size:20px; font-family: pnsb, arial, sans-serif; line-height:25px;text-transform:none;}

a.rightlink {float:right; color:#fff;margin-right:10px;}
a.rightlink:hover {color:#fff; text-decoration:underline;}

.btbody.lists ul { float:left; margin:15px 0px 15px 10px; padding:0; list-style:none; width:140px;}
.btbody.lists ul  li a{ line-height:22px;}
.btbody.lists ul  li a.inactive{ color:#9c9c9c;}
.btbody.lists ul.first { margin-left:30px}

.naslovponude { overflow:hidden; width:100%; min-height:30px; font-family:pnsb, arial, sans-serif;}
.naslovponude a { overflow-wrap: break-word; -ms-word-break: break-all; word-break: break-all; /* Non standard for WebKit */ word-break: break-word; }
.maintable.noloader .naslovponude {background:none;}
.textbox {margin:30px 0; padding:15px; line-height:20px;overflow:hidden; background:#fff; position:relative;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.textbox.footer { margin-bottom:0;box-shadow:0 -2px 5px 1px #E6E6E7 inset, 0 0 4px 0 #555}
.footer-left { float: left;} 
.footer-right { float: right;}


#mapwrap { margin:25px 0; clear:both; padding-top:25px;}
#map {display:block; clear:both; width:960px; height:280px; margin:10px;}

.socialmenu { position: relative; box-shadow:0 -1px 1px 0px #555; bottom:0; left:0; height:60px; width:100%; display:block;overflow:hidden; border-top:1px solid #fff; background:url(../images/bgblgrad.png) 0 center repeat-x;}
.socialmenu div {position:relative; width:980px; height:60px; overflow:hidden; text-align:center; margin:0 auto;}
.socialmenu div a {display:inline-block;text-decoration:none; height:60px; color:#fff; font:16px/60px pnsb,Arial, Helvetica, sans-serif; text-shadow:0px -1px #333; margin-right:20px; padding-left:65px;}
.socialmenu div a:hover {color:#fff; text-decoration:underline;}
a#fb {background:url(../images/fb.png) 0 center no-repeat;}
a#tw {background:url(../images/twitter.png) 0 center no-repeat;}
a#gp {background:url(../images/googleplus.png) 0 center no-repeat;}

.tipsy { padding: 5px; font: 12px pn,Arial, Helvetica, sans-serif; position: absolute; text-transform:uppercase; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

.offer-description { display: none; } 
.static-page {
	margin: 0;
	padding: 0px;
	position: relative;
	overflow: hidden;
	box-shadow: 0px -1px 1px 0 #555;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
  }

.static-page h1
{
	background: url(../images/bgblue.png) repeat-x;
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	text-shadow: 0px -1px #023456;
	padding: 7px 7px 6px 7px;
	font: 12px pnb,arial,sans-serif;
	text-transform: uppercase;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.static-page #main-offers
{
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	box-shadow: 0 -2px 5px 1px #E6E6E7 inset, 0 0 4px 0 #555;
	padding: 5px 15px 15px 15px; 
}

#flood-donation a
{
	padding-left: 50px;
	background: url('../images/red-cross.png') no-repeat 25px center;
	background-size: 18px 18px;
	text-decoration: none;
	color: #444;
	font-family: pnsb, arial, sans-serif;
	font-size: 15px;
}

#flood-donation a:hover
{
	text-decoration: underline;
}

#flood-donation
{
	background: #fae8fd;
	
}

.flood-donation-wrap
{
	width: 980px;
	margin: 0 auto;
	padding: 7px 0;
}