body { font-family: arial !important; background-color: #DFDFDF; }
.fpnewsbox h2 { margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #e1e1e1; }
    .fpnewsbox h2 a { text-decoration: none; color: #5D5C5C; font-size: 24px; }
.fpnewsbox { position: relative; background: #fff; padding: 7px 10px 10px 10px; font-size: 12px; box-shadow: 1px 1px 2px #c0c0c0; }
    .fpnewsbox .ajaxmenu { position: absolute; left: 350px; top: 13px; font-size: 11px; color: #777; }
        .fpnewsbox .ajaxmenu a { text-decoration: none; color: #777; margin-right: 15px; }
    .fpnewsbox ul { list-style: none; margin: 0px; padding: 0px; }
        .fpnewsbox ul li { margin: 7px 0; padding-bottom: 7px; border-bottom: 1px solid #e1e1e1; }
    .fpnewsbox .news li.img { position: relative; height: 56px; padding-left: 100px; }
    .fpnewsbox .topnews { background: #222; color: #fff; }
        .fpnewsbox .topnews h3 a { text-decoration: none; color: #fff; line-height: 1em; font-size: 20px; letter-spacing: -1px; display: block; margin-bottom: 10px; }
    .fpnewsbox li.img h3 { height: 4.3em; overflow: hidden; }
    .fpnewsbox .grey h3 a { text-decoration: none; color: #194A72; line-height: 1em; font-size: 20px; letter-spacing: -1px; display: block; margin-bottom: 10px; }
    .fpnewsbox .topnews h3 a:hover { text-decoration: underline; }
html > body fpnewsbox .news li.img { height: auto !important; min-height: 56px; }

.fplinkmore { font-weight: bold; position: absolute; right: 10px; top: 4px; font-size: 20px; text-decoration: none; }

.fpnewsbox .topnewsinner { padding: 10px; }
.fpnewsbox .topnewscomments { margin: 0 10px; padding: 10px 0; border-top: 1px solid #777; max-height:25px; overflow:hidden}
.fpnewsbox .grey .topnewscomments { border-top: 1px solid #A9A9A9; }
.fpnewsbox .grey { background: #C9C9C9; color: #000; }

.fpnewsbox .news li.img img { position: absolute; left: 0px; top: 0px; border: 0px; }
.fpnewsbox .news h3 a { font-size: 13px; color: #194A72; text-decoration: none; line-height: 1.1em; margin-top: 0px; display: block; }
    .fpnewsbox .news h3 a:hover { text-decoration: underline; }

/* naslovnica img replacements */
.fpnewsbox h2 a { width: 300px; background: url(/img/2012/fp-sprite-2.gif) no-repeat; text-indent: -9999px; display: block; height: 25px; }
    .fpnewsbox h2 a.sport { background-position: 0 -25px; }
    .fpnewsbox h2 a.black { background-position: 0 -50px; }
.smallbox h2 a { background: url(/img/2012/fp-sprite-2.gif) no-repeat; text-indent: -9999px; display: block; height: 25px; }
    .smallbox h2 a.rouge { background-position: 0 -75px; }
    .smallbox h2 a.gc { background-position: 0 -125px; }
    .smallbox h2 a.like { background-position: 0 -100px; }
    .smallbox h2 a.apetit { background-position: 0 -150px; }
    .smallbox h2 a.shop { background-position: 0 -425px; }
    .smallbox h2 a.video { background-position: 0 -400px; }


.fpbox h2 a { background: url(/img/2012/fp-sprite-2.gif) no-repeat; text-indent: -9999px; display: block; height: 25px; }
    .fpbox h2 a.najpopularnije { background-position: 0 -175px; }
    .fpbox h2 a.najnovije { background-position: 0 -200px; }
/* */


.smallboxes { padding: 5px 0; }
.smallbox { background: #fff; padding-top: 0px; }
    .smallbox h2 { background: #fff; padding: 0 5px 10px 5px; }
    .smallbox h2, .smallbox h3 { }
        .smallbox h2 a { color: #646464; text-decoration: none; font-size: 18px; }
    .smallbox .picholder { position: relative; }
    .smallbox img { border: 0px; }
    .smallbox .picholder h3.first { width: 253px; margin: 0px; position: absolute; bottom: 0px; background: #fff; color: #000 !important; display: block; padding-left: 10px; }
    .smallbox h3 a { font-size: 14px; font-weight: bold; text-decoration: none; color: #335777; display: block; height: 3.8em; overflow: hidden; padding: 7px 0 10px 100px; }
    .smallbox h3.first a { letter-spacing: 0px; height: 2em; font-size: 16px; color: #194A72; line-height: 1.2em; padding-left: 0px; padding-top: 7px; }
    .smallbox h3 { border-bottom: 1px solid #E1E1E1; }
        .smallbox h3 a img { position: absolute; margin-left: -100px; }
        .smallbox h3 a:hover { text-decoration: underline; }
h3.first a { color: #194A90; text-decoration: none; font-weight: bold; font-size: 12px; }
h3.second { margin-top: 2px; }

.fpbox { background: #fff; padding: 10px; box-shadow: 1px 1px 2px #c0c0c0; }
    .fpbox h2 { margin-bottom: 0px; padding-bottom: 7px; border-bottom: 1px solid #e1e1e1; }
        .fpbox h2 a { text-decoration: none; color: #5D5C5C; font-size: 24px; }

.fpnajnovije ul { list-style: none; margin: 0px; padding: 0px; }
    .fpnajnovije ul li { padding: 7px 10px 7px 50px; border-bottom: 1px solid #E1E1E1; }
        .fpnajnovije ul li a { text-decoration: none; font-size: 11px; color: #194A72; display: block; }
            .fpnajnovije ul li a:hover { text-decoration: underline; }
.fpnajnovije .type { position: absolute; background: #D80D00; color: #fff; text-transform: uppercase; position: absolute; margin-left: -50px; width: 44px; font-size: 9px; padding: 0px; text-align: center; line-height: 16px; }

.fpnajpopularnije ul { list-style: none; margin: 0px; padding: 0px; }
    .fpnajpopularnije ul li { padding: 7px 10px 7px 50px; border-bottom: 1px solid #E1E1E1; }
        .fpnajpopularnije ul li a { text-decoration: none; font-size: 11px; color: #194A72; display: block; line-height: 1.2em; height: 2.4em; overflow: hidden; }
            .fpnajpopularnije ul li a:hover { text-decoration: underline; }
.fpnajpopularnije .type { position: absolute; margin-top: 2px; background: #c0c0c0; height: 16px; line-height: 16px; font-size: �15px; font-weight: bold; border-right: 5px solid #999; color: #fff; text-transform: uppercase; margin-left: -50px; width: 39px; text-align: center; }

.fpnajpopularnije .filter { padding-top: 10px; text-align: center; }
    .fpnajpopularnije .filter a { color: #B1B1B1; font-size: 10px; padding: 0 5px; text-transform: uppercase; text-decoration: none; }
        .fpnajpopularnije .filter a.sel { color: #777; }


.footer { background: #333; font-size: 11px; color: #9d9d9d; }
.footerwrapper { width: 990px; margin: 0px auto; }
.footerpad { padding: 10px 0 2px 0; }

.footer a { color: #9D9D9D; text-decoration: none; line-height: 1.2em; }
.footer strong a { display: block; font-size: 14px; margin-top: 5px; color: #c9c9c9; }
.footer a:hover { text-decoration: underline; }

.dnodno { width: 990px; margin: 0px auto; font-size: 11px; color: #9D9D9D; }
    .dnodno a { color: #9D9D9D; text-decoration: none; }
        .dnodno a:hover { text-decoration: underline; }

.commentscount { width: 23px; line-height: 18px; height: 24px; background: url(/img/2012/comment.png) no-repeat; font-size: 11px; float: left; text-align: center; color: #444; }
.facebookbutton { float: right; }

.color1 { background: none repeat scroll 0 0 #E00605; }
.color2 { background: none repeat scroll 0 0 #E00605; }
.color3 { background: none repeat scroll 0 0 #E00605; }
.color4 { background: none repeat scroll 0 0 #1CA108; }
.color5 { background: none repeat scroll 0 0 #1CA108; }
.color6 { background: none repeat scroll 0 0 #1805D4; }
.color7 { background: none repeat scroll 0 0 #61E104; }
.color8 { background: none repeat scroll 0 0 #F56387; }
.color9 { background: none repeat scroll 0 0 #000000; }
.color10 { background: none repeat scroll 0 0 #2A2927; }
.color11 { background: none repeat scroll 0 0 #2A2927; }
.color12 { background: none repeat scroll 0 0 #873477; }

.ikona { background: url(/img/2012/ikone3.png); width: 150px; height: 35px; position: absolute; right: 10px; top: 160px; background-repeat: no-repeat; }
.ikonica { background: url(/img/2012/ikonice2.png); width: 22px; height: 25px; position: absolute; left: 63px; top: 30px; }

#slider1wrap { margin: 0 20px; }
#slider1 em { font-style: normal; font-size: 11px; display: block; padding: 4px 7px; color: #fff; }
#slider1 { list-style: none; margin: 0; padding: 0px; }
    #slider1 li { width: 154px; }
        #slider1 li div { width: 153px; height: 125px; }
            #slider1 li div em { display: block; height: 2.05em; overflow: hidden; }
#slider1wrap .bx-prev { font-size: 18px; line-height: 125px; position: absolute; left: -20px; top: 0px; display: block; width: 19px; background: #333; font-weight: bold; color: #fff; text-decoration: none; text-align: center; }
    #slider1wrap .bx-prev:hover { background: #444; }
#slider1wrap .bx-next { font-size: 18px; line-height: 125px; position: absolute; right: -19px; top: 0px; display: block; width: 19px; background: #333; font-weight: bold; color: #fff; text-decoration: none; text-align: center; }
    #slider1wrap .bx-next:hover { background: #444; }


/* naslovnica img replacements */
.fpnewsbox h2 a { width: 300px; background: url(/img/2012/fp-sprite-y.gif) no-repeat; text-indent: -9999px; display: block; height: 25px; }
    .fpnewsbox h2 a.sport { background-position: 0 -25px; }
    .fpnewsbox h2 a.black { background-position: 0 -50px; }
.smallbox h2 a { background: url(/img/2012/fp-sprite-y2.gif) no-repeat; text-indent: -9999px; display: block; height: 25px; }
    .smallbox h2 a.rouge { background-position: 0 -75px; }
    .smallbox h2 a.gc { background-position: 0 -125px; }
    .smallbox h2 a.fit { background-position: 0 -100px; }
    .smallbox h2 a.apetit { background-position: 0 -150px; }
    .smallbox h2 a.auto { background-position: 0 -275px; }
    .smallbox h2 a.hot { background-position: 0 -250px; }
    .smallbox h2 a.igra { background-position: 0 -225px; }
    .smallbox h2 a.novac { background-position: 0 -325px; }
    .smallbox h2 a.bloger { background-position: 0 -300px; }
    .smallbox h2 a.mame { background-position: 0 -350px; }
    .smallbox h2 a.ljubimci { background-position: 0 -375px; }

/* foodspots box naslovnica*/
#foodspots-box { width: 300px; /*height: 470px;*/ height: 380px; background: url(../../img/2012/foodspots-box/sprite.png) no-repeat; position: relative; overflow: hidden; }
    #foodspots-box #foodspots-logo, #foodspots-box #foodspots-logo a { display: block; width: 78px; height: 99px; z-index: 999; }
    #foodspots-box #foodspots-logo { position: absolute; top: 1px; left: 10px; }
        #foodspots-box #foodspots-logo a { background: url(../../img/2012/foodspots-box/sprite.png) top right; }
    #foodspots-box #foodspots-slides { width: 600px; height: 420px; position: absolute; top: 3px; left: -300px; }
#foodspots-slides .foodspots-slide-tab { width: 280px; padding: 0 10px; height: 100%; float: left; position: relative; padding-top: 100px; }
#foodspots-btn-order-wrapper { background: #D9E6D5; padding: 5px; position: absolute; right: 10px; top: 30px; }
#foodspots-dostava-hrane { float: left; font-size: 11px; font-weight: bold; text-align: center; padding-top: 4px; padding-right: 10px; padding-left: 5px; }
#foodspots-btn-back { float: left; }
#foodspots-btn-search { float: right; }
.foodspots-rounded-small { border-radius: 3px; }
.foodspots-btn { font-size: 13px; font-weight: bold; text-decoration: none; text-align: center; display: block; }
.foodspots-btn-big { height: 25px; padding-top: 9px; min-width: 120px; font-family: Arial; }
.foodspots-btn-medium { height: 25px; padding-top: 10px; min-width: 130px; font-family: 'Helvetica Neue LT Com', sans-serif; }
.foodspots-btn-rose-big { color: #fff; border: 1px solid #f5589d; background: url(../../img/2012/foodspots-box/sprite-btn.png) repeat-x; }
.foodspots-btn-silver-medium { color: #77a772; border: 1px solid #c4c4c4; background: url(../../img/2012/foodspots-box/sprite-btn.png) 0 -40px repeat-x; }
.foodspots-btn-rose-medium { color: #fff; border: 1px solid #f5589d; background: url(../../img/2012/foodspots-box/sprite-btn.png) 0 -75px repeat-x; }
.foodspots-select { opacity: 0.8; display: block; padding: 10px 5px; width: 100%; margin-bottom: 10px; border: 1px solid #d2cdc9; background: #f5f0ee; color: #2b2b2b; font-family: 'Helvetica Neue LT Com', sans-serif; font-weight: bold; }
.clear { clear: both; }
#foodspots-bottom { position: absolute; bottom: 0; width: 280px; height: 15px; padding: 10px; display: none; }
span.action-call { color: #77a772; font-weight: bold; }
#foodspots-order-steps { list-style-type: none; float: right; padding: 0; margin: 0; }
    #foodspots-order-steps li { float: left; display: block; padding: 0 5px; }
        #foodspots-order-steps li a { display: block; width: 11px; height: 11px; text-decoration: none; background: url(../../img/2012/foodspots-box/sprite.png) -311px -100px no-repeat; }
            #foodspots-order-steps li a.foodspots-order-steps-active { background: url(../../img/2012/foodspots-box/sprite.png) -300px -100px no-repeat; }
.foodspots-disabled { opacity: 0.5; cursor: default; }
#foodspots-stream-holder { border: 1px solid #c4c4c4; border-bottom: none; background: #fff; }
.foodspots-tab-header { width: 119px; float: left; background: #e9e4c3; padding: 5px 10px; border-bottom: 1px solid #c4c4c4; font-weight: bold; font-size: 13px; cursor: pointer; }
.foodspots-tab-header-active { background: #fff; cursor: default; border-bottom: 1px solid #fff; }
.foodspots-icon { width: 19px; height: 17px; display: block; float: right; }
.foodspots-new { background: url(../../img/2012/foodspots-box/sprite.png) -300px -115px no-repeat; }
.foodspots-star { background: url(../../img/2012/foodspots-box/sprite.png) -319px -115px no-repeat; }
.foodspots-tab-header-first { width: 118px; border-right: 1px solid #c4c4c4; }
.foodspots-tab-visible { display: block !important; }
.foodspots-tab-list { clear: both; list-style-type: none; padding: 0; display: none; }
    .foodspots-tab-list li { border-bottom: 1px solid #c4c4c4; }
        .foodspots-tab-list li a { padding: 6px 10px 3px 7px; text-decoration: none; display: block; }
            .foodspots-tab-list li a img { width: 35px; display: inline-block; margin-right: 10px; }
            .foodspots-tab-list li a span { display: inline-block; position: relative; top: -3px; }
                .foodspots-tab-list li a span.foodspots-list-wrapper br { line-height: 15px; }
            .foodspots-tab-list li a:hover { background: #f3f3f3; }
            .foodspots-tab-list li a span.restaurant-name { color: #77a772; font-weight: bold; font-size: 13px; }
            .foodspots-tab-list li a span.restaurant-address { color: #8d8d8d; }
