* { margin: 0; padding: 0; border-width: 0; border-style: none; }
img { border-style:none; }
body { font:12px arial, helvetica, sans-serif; background: #fff url(../images/bg-body.jpg) center top no-repeat; }
a { text-decoration: none; color: #52bf19; }
a:hover { text-decoration: underline; }
a:visited { color: #52bf19; }
h1,
h2 { font-weight: normal; }
textarea { font-family: Arial, Verdana, Helvetica, sans-serif; }
#main { position: relative; width: 960px; margin: 0 auto; border-width: 0 1px 1px 1px; border-style: solid; border-color: #e6e6ce; background-color: #fff; }
#header { position: relative; height: 203px; }
#logo { position: absolute; top: 0; left: 8px; width: 587px; height: 135px; }
#logo a { display: block; width: 587px; height: 135px; overflow: hidden; outline: none; }
/*
#logo a:hover img { position: relative; top: -135px; }
#logo a.simple:hover img { top: 0; }
*/

#menu { position: absolute; top: 141px; left: 8px; border-bottom: 2px solid #e4e3ca; }
#menu li { list-style: none; float: left; position: relative; }
#menu a { display: block; float: left; outline: none; text-indent: -2000px; overflow: hidden; height: 41px; background: url(../images/menu.gif) left top no-repeat; }
#menu .hrana a { width: 143px; }
#menu .hrana a:hover,
#menu .hrana .selected { background-position: 0 -41px; }
#menu .dijeta a { width: 148px; background-position: -143px top; }
#menu .dijeta a:hover,
#menu .dijeta .selected { background-position: -143px -41px; }
#menu .fit a { width: 87px; background-position: -291px top; }
#menu .fit a:hover,
#menu .fit .selected { background-position: -291px -41px; }
#menu .ljepota a { width: 148px; background-position: -378px top; }
#menu .ljepota a:hover,
#menu .ljepota .selected { background-position: -378px -41px; }
#menu .green a { width: 104px; background-position: -526px top; }
#menu .green a:hover,
#menu .green .selected { background-position: -526px -41px; }
#content .main { float: left; display: inline; width: 630px; margin: 0 10px 10px 8px; }
.article { position: relative; width: 448px; float: left; display: inline; padding: 0 0 10px 0; border: #e4e3ca 1px solid; }
.article a:hover { text-decoration: underline; }
.article .title { position: relative; }
.article .title h1 { position: absolute; bottom: 0; left: 9px; width: 400px; padding: 5px 15px 10px 15px; font-size: 28px; background: url(../images/title-bg.png); }
.article .content { padding: 10px; font-size: 12px; line-height: 16px; color: #000; }
.article .content p { margin: 0 0 10px 0; }
.article .category { position: absolute; bottom: 0; left: 0; padding: 0 0 5px 10px; font-size: 11px; }
.article .more { position: absolute; bottom: 0; right: 0; padding: 0 10px 5px 0; font-size: 11px; }
.article .more a { color: #999; }
.article_content h3 { margin-bottom: 5px; }
.categories { width: 175px; margin: 0 0 0 5px; float: left; display: inline; }
.categories dt { display: block; height: 30px; line-height: 30px; padding: 0 0 0 14px; font-size: 18px; color: #fff; background: transparent url(../images/categories-bg.gif) 5px 0 no-repeat; }
.categories dt a { color: #fff; }
.categories dt a:hover { text-decoration: underline; }
.categories dt.food { background-position: 5px 0; }
.categories dt.diet { background-position: 5px -30px; }
.categories dt.fit { background-position: 5px -60px; }
.categories dt.beauty { background-position: 5px -90px; }
.categories dt.bio { background-position: 5px -120px; }
.categories dd { padding: 6px 0 6px 14px; font-size: 12px; color: #000; }
.categories dd .more { padding: 5px 0 0 0; font-size: 11px; }
.categories dd .more a { color: #999; }
.categories dd .more a:hover { text-decoration: underline; }
.hrana .categories dt.hrana { background-position: -170px 0; }
.dijeta .categories dt.dijeta { background-position: -170px -30px; }
.fit .categories dt.fit { background-position: -170px -60px; }
.ljepota .categories dt.ljepota { background-position: -170px -90px; }
.green .categories dt.green { background-position: -170px -120px; }
.dots { clear: left; margin: 8px 0 30px 12px; }
.dots li { float: left; list-style: none; width: 14px; height: 13px; margin: 0 6px 0 0; text-indent: -2000px; font-size: 0; background-image: url(../images/category-dots.gif); }
.dots li a { display: block; width: 14px; height: 13px; }
.dots li.hrana { background-position: 0 0; }
.hrana .dots li.hrana { background-position: 0 -13px; }
.dots li.dijeta { background-position: -14px 0; }
.dijeta .dots li.dijeta { background-position: -14px -13px; }
.dots li.fit { background-position: -28px 0; }
.fit .dots li.fit { background-position: -28px -13px; }
.dots li.ljepota { background-position: -42px 0; }
.ljepota .dots li.ljepota { background-position: -42px -13px; }
.dots li.green { background-position: -56px 0; }
.green .dots li.green { background-position: -56px -13px; }
.box { clear: left; position: relative; width: 630px; height: 230px; font-size: 12px; color: #333; background-image: url(../images/box-bg.gif); }
.box .navigation { position: absolute; top: 59px; }
.box .navigation a { display: block; overflow: hidden; width: 38px; height: 39px; text-indent: -2000px; outline: none; background-image: url(../images/box-navigation-bg.gif); }
.box .previous { left: 24px; }
.box .next { right: 25px; }
.box .next a { background-position: -38px 0; }
.box .tabs { position: absolute; top: 0; left: 80px; font-size: 13px; }
.box .tabs a { display: block; height: 21px; padding: 20px 3px 0 0; text-align: center; color: #fff; }
.box .tabs li { position: relative; list-style: none; float: left; padding: 0 0 0 5px; margin: 0 5px 0 0; }
.box .tabs li .icon { display: block; width: 28px; height: 28px; position: absolute; top: -10px; left: 50%; margin-left: -12px; background-image: url(../images/box-icons.gif); }
.box .tabs li.active { background: transparent url(../images/box-tab.gif) left bottom no-repeat; }
.box .tabs li.active a { color: #2c9913; background: transparent url(../images/box-tab.gif) right bottom no-repeat; }
.box .tabs li.tools { width: 65px; }
.box .tabs li.tools a { width: 65px; }
.box .tabs li.tools .icon { background-position: 0 0; }
.box .tabs li.tools .active { background-position: 0 -28px; }
.box .tabs li.interesting { width: 100px; }
.box .tabs li.interesting a { width: 100px; }
.box .tabs li.interesting .icon { background-position: -28px 0; }
.box .tabs li.interesting .active { background-position: -28px -28px; }
.box .tabs li.popular { width: 90px; }
.box .tabs li.popular a { width: 90px; }
.box .tabs li.popular .icon { background-position: -56px 0; }
.box .tabs li.popular .active { background-position: -56px -28px; }
.box .tabs li.news { width: 75px; }
.box .tabs li.news a { width: 75px; }
.box .tabs li.news .icon { background-position: -84px 0; }
.box .tabs li.news .active { background-position: -84px -28px; }
.box .tabs li.quiz { width: 70px; }
.box .tabs li.quiz a { width: 70px; }
.box .tabs li.quiz .icon { background-position: -112px 0; }
.box .tabs li.quiz .active { background-position: -112px -28px; }
.box .tabs li.planner { width: 70px; }
.box .tabs li.planner a { width: 70px; }
.box .tabs li.planner .icon { background-position: -140px 0; }
.box .tabs li.planner .active { background-position: -140px -28px; }
.box .content { position: absolute; right: 0; top: 44px; width: 350px; padding: 22px 200px 0 0; background-position: right top; background-repeat: no-repeat; }
.box .content h2 { font-size: 21px; color: #279911; }
.box .content p { margin: 0 0 5px 0; }
.box .content .lead { font-weight: bold; }
.box .content_tools { background-image: url(../images/box-tools.gif); }
.box .content_interesting { background-image: url(../images/box-interesting.gif); }
.box .content_popular { background-image: url(../images/box-popular.gif); }
.box .content_news { background-image: url(../images/box-news.gif); }
.box .content_quiz { background-image: url(../images/box-quiz.gif); }
.box .content_planner { background-image: url(../images/box-planner.gif); }
.additional { width: 300px; float: left; margin: 0 0 0 4px; display: inline; }
.additional .banner { margin: 0 0 5px 0; }
.additional .space { margin: 0 0 5px 0; background: #eaf6e0 url(../images/space-content-bg.gif) left bottom no-repeat; }
.additional .space h2 { height: 48px; padding: 6px 0 0 12px; font-weight: normal; font-size: 25px; color: #fff; background: transparent url(../images/space-title-bg.gif) left bottom no-repeat; }
.additional .help { position: relative; background: #f2f2e6 url(../images/help-content-bg.gif) left bottom no-repeat; }
.additional .help h2 { height: 32px; padding: 21px 0 0 8px; font-weight: normal; font-size: 24px; color: #fff; background: transparent url(../images/help-title-bg.gif) left bottom no-repeat; }
.additional .help .content { padding: 8px 9px 15px 9px; font-size: 11px; color: #000; }
.additional .help .navigation { position: absolute; top: 22px; right: 2px; width: 75px; }
.additional .help .navigation a { display: block; overflow: hidden; outline: none; text-indent: -2000px; width: 24px; height: 24px; display: block; float: left; margin: 0 0 0 8px; background: transparent url(../images/help-navigation.gif) no-repeat; }
.additional .help .navigation a.next { background-position: -24px 0; }
#search { position: absolute; top: 130px; right: 8px; width: 300px; height: 52px; background: url(../images/search-bg.gif) 0 3px no-repeat; }
#search .text { position: absolute; top: 15px; left: 73px; width: 157px; padding: 2px 4px; font-size: 11px; color: #999; border: #ccc 1px solid; font-family: Arial, Helvetica, sans-serif; height: 15px; }
#search .button { cursor: pointer; position: absolute; top: 5px; left: 247px; width: 38px; height: 39px; text-indent: -2000px; overflow: hidden; background: url(../images/button-search.gif) no-repeat; }
#info { margin: 5px 0 0 0; text-align: center; font-size: 11px; background: #f4f3e8 url(../images/info-bg.jpg) left top repeat-x; }
#info ul { padding: 10px 0; }
#info li { list-style: none; padding: 10px 12px; display: inline; background: transparent url(../images/info-links-bg.gif) center bottom no-repeat; }
#info a { color: #5e5e52; }
#info a:hover { text-decoration: underline; }
#links { background: none repeat scroll 0 0 #FFFFFF; height: 68px; margin: 0 auto 20px; padding: 20px 0 0 47px; position: relative; width: 915px; z-index: 100; }
#links ul { height: 61px; padding: 0 10px 0 12px; float: left; list-style: none; border-right: #c0c0b6 1px solid; }
#links ul.rss { border-right-width: 0; }
#links li { display: inline; }
#links a { display: block; float: left; height: 68px; margin: -4px 0 -3px 0; overflow: hidden; text-indent: -2000px; background: transparent url(../images/icons.gif) left top no-repeat; }
#links .external .facebook a { width: 36px; }
#links .external .delicious a { width: 47px; background-position: -36px; }
#links .external .digg a { width: 75px; background-position: -83px; }
#links .external .stumbleupon a { width: 50px; background-position: -158px; }
#links .options .send a { width: 111px; background-position: -211px; }
#links .options .save a { width: 74px; background-position: -319px; }
#links .options .write a { width: 63px; background-position: -393px; }
#links .personal .facebook a { width: 74px; background-position: -456px; }
#links .personal .twitter a { width: 86px; background-position: -530px; }
#links .rss .arss { width: 57px; background-position: -616px; }
#links .rss .vidi { width: 50px; background-position: -666px; }
#copyright { width: 960px; margin: 0 auto; padding: 0 0 20px 0; text-align: center; font-size: 10px; color: #999; position:relative; z-index:100; }
#lightbox_background { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; background-color: #000; opacity: 0.5; filter:alpha(opacity=50); }
#registration_lightbox { display: none; }
.lightbox { z-index: 5; position: absolute; top: 100px; left: 50%; width: 395px; margin-left: -200px; padding: 0 10px 10px 10px; background: transparent url(../images/lightbox-bg.png) repeat-y; }
.lightbox h2 { padding: 0 45px 10px 45px; font-size: 28px; font-weight: normal; color: #fff; background-color: #9e9e8c; }
.lightbox h3 { padding: 10px 10px 10px 45px; font-size: 22px; font-weight: normal; color: #9e9e8c; }
.lightbox .close { position: absolute; z-index: 6; top: -36px; right: -10px; width: 44px; height: 45px; }
.lightbox .close a { display: block; width: 44px; height: 45px; background: transparent url(../images/lightbox-close.png) no-repeat; text-indent: -2000px; overflow: hidden; }
.lightbox .start { position: absolute; top: -25px; left: 0; width: 415px; height: 25px; background: transparent url(../images/lightbox-top.png) no-repeat; }
.lightbox .end { position: absolute; bottom: -24px; left: 0; width: 415px; height: 24px; background: transparent url(../images/lightbox-bottom.png) no-repeat; }
.lightbox form { padding: 0 40px 0 45px; }
.lightbox fieldset { clear: left; padding: 10px 3px 5px 0; }
.lightbox label,
.lightbox .label { font-size: 12px; color: #000; display: block; }
.lightbox fieldset.poruka textarea { height:111px; }
.lightbox .label { padding: 4px 0 0 0; }
.lightbox .checkboxes label { font-weight: normal; color: #717164; display: inline; }
.lightbox .text { font-size: 12px; padding: 2px 4px; width: 285px; background-color: #ecece8; border: #9e9e8c 1px solid; }
.lightbox .short { width: 150px; float: left; clear: none; }
.lightbox .short .text { width: 132px; }
.lightbox .gender .label { padding-bottom: 5px; padding-left: 20px; }
.lightbox .gender label { display: block; float: left; width: 13px; height: 26px; margin: 0 0 0 20px; text-indent: -2000px; overflow: hidden; background: transparent url(../images/gender.gif) left top no-repeat; }
.lightbox .gender label.male { background-position: left -26px; }
.lightbox .gender .wrapper { display: block; width: 20px; margin: 0 0 0 10px; padding: 6px 0 0 0; float: left; }
.lightbox .buttons { float: right; clear: none; margin: 10px 0 0 0; padding: 0 0 0 16px; height: 35px; overflow: hidden; background: transparent url(../images/lightbox-button.gif) left top no-repeat; }
.lightbox .buttons button { display: block; height: 35px; padding: 0 35px 0 3px; line-height: 35px; font-size: 20px; color: #fff; background: transparent url(../images/lightbox-button.gif) right top no-repeat; }
.lightbox p.lead { color:#666; text-align:left; margin: 10px 0 10px 0; }
.article_lead { width: 448px; float: left; display: inline; margin-right: 12px; }
.article_lead h1 { margin-bottom: 15px; font-size: 28px; }
.article_lead img { border: #e4e3ca 1px solid; }
.article_info { width: 166px; float: left; display: inline; }
.article_info .category { height: 26px; padding-top: 164px; text-align: center; font-size: 18px; background: transparent url(../images/mascot.gif) right top no-repeat; }
.article_info .category a:hover { text-decoration: underline; }
.hrana .article_info .category { background-position: right 0; }
.dijeta .article_info .category { background-position: right -190px; }
.fit .article_info .category { background-position: right -380px; }
.ljepota .article_info .category { background-position: right -570px; }
.green .article_info .category { background-position: right -760px; }
.article_info .options { padding: 0 0 6px 0; margin: 8px 0 6px 0; border-bottom: #ccc 1px dashed; }
.article_info .options li { list-style: none; height: 18px; padding: 0 0 0 25px; margin-bottom: 4px; line-height: 18px; background: transparent url(../images/icons-options.gif) left top no-repeat; }
.article_info .options li.send { background-position: 0 -18px; }
.article_info .options li.save { background-position: 0 -36px; }
.article_info .options a { font-size: 11px; color: #666; }
.article_info .options a:hover { text-decoration: underline; }
.article_info .info { margin: 0 0 8px 0; font-size: 12px; border-bottom: #ccc 1px dashed; width: 166px; }
.article_info .info dt { color: #666; }
.article_info .info dd { margin: 0 0 6px 0; font-weight: bold; color: #000; }
.article_info .info dd a:hover { text-decoration: underline; }
.article_info .comments { display: inline-block; height: 28px; font-size: 11px; padding: 0 14px 0 0; background: transparent url(../images/comment-info.gif) right top no-repeat; }
.article_info .comments a { display: inline-block; height: 25px; padding: 3px 0 0 14px; background: transparent url(../images/comment-info.gif) left top no-repeat; }
.article_info .comments a:hover { text-decoration: underline; }
.hrana .article_info .comments { background-position: right 0; }
.hrana .article_info .comments a { background-position: left 0; }
.dijeta .article_info .comments { background-position: right -28px; }
.dijeta .article_info .comments a { background-position: left -28px; }
.fit .article_info .comments { background-position: right -56px; }
.fit .article_info .comments a { background-position: left -56px; }
.ljepota .article_info .comments { background-position: right -84px; }
.ljepota .article_info .comments a { background-position: left -84px; }
.green .article_info .comments { background-position: right -112px; }
.green .article_info .comments a { background-position: left -112px; }
.article_comments { position: relative; margin: 25px 0 25px 0; background: #eaf6df url(../images/content-box-header.gif) left top repeat-x; }
.article_comments h2 { text-indent: -2000px; overflow: hidden; background: transparent url(../images/comments-top.gif) right top no-repeat; }
.article_comments .switch { position: absolute; top: 2px; padding-left: 10px; }
.article_comments .switch a { padding: 0 0 0 15px; font-size: 14px; color: #fff; background: transparent url(../images/show-hide.gif) left 5px no-repeat; }
.article_comments .switch a.hide { background-position: left -38px; }
.article_comments .switch a:hover { text-decoration: underline; }
.article_comments .add { position: absolute; top: -7px; right: 10px; padding: 0 8px 0 0; height: 29px; background: transparent url(../images/comment-add.gif) right top repeat-x; }
* html .article_comments .add { width: 85px; }
.article_comments .add a { font-size: 11px; display: block; height: 26px; padding: 3px 2px 0 10px; color: #000; background: transparent url(../images/comment-add.gif) left top repeat-x; }
.article_comments .add a:hover { text-decoration: underline; }
.article_comments .content { background: #eaf6df url(../images/comments-bottom.gif) left bottom no-repeat; }
.article_comments .comments { position: relative; width: 620px; padding: 0 0 10px 0; }
.article_comments .comments li { position: relative; margin: 20px 0 0 10px; list-style: none; background: #fff url(../images/comment-item-top.gif) left top no-repeat; }
.article_comments .comments .comment { padding: 22px 10px 12px 10px; font-size: 12px; color: #333; background: transparent url(../images/comment-item-bottom.gif) left bottom no-repeat; }
.article_comments .comments .time { position: absolute; top: -5px; right: 5px; font-size: 11px; color: #666; }
.article_comments .comments .user { position: absolute; top: -5px; left: 40px; font-size: 12px; font-weight: bold; color: #000; }
.article_comments .comments .user a { color: #000; }
.article_comments .comments .user a:hover { text-decoration: underline; }
.article_comments button { background: url(../images/forum/posalji.png) no-repeat; width: 91px; height: 26px; display: block; text-indent: -2000px; margin: 0 0 0 8px; }
#comment_form { padding-bottom: 10px; }
.items_navigation { margin: 3px 10px 0 0; height: 35px; }
.items_navigation li { list-style: none; float: right; display: block; width: 14px; height: 13px; margin: 6px 0 0 7px; }
.items_navigation li a { display: block; float: right; width: 14px; height: 13px; text-indent: -2000px; overflow: hidden; background: transparent url(../images/comments-navigation.gif) -48px 0 no-repeat; }
.items_navigation li.current a { background-position: -62px 0; }
.items_navigation li.previous { width: 24px; height: 24px; margin-top: 0; }
.items_navigation li.previous a { width: 24px; height: 24px; background-position: 0 0; }
.items_navigation li.next { width: 24px; height: 24px; margin-top: 0 !important; }
.items_navigation li.next a { width: 24px; height: 24px; background-position: -24px 0; }
.items_navigation_left { margin: 3px 10px 0 0; height: 35px; float: right; }
.items_navigation_left li { list-style: none; float: left; display: block; height: 13px; margin: 6px 0 0 7px; }
.items_navigation_left li a { display: block; float: left; width: 14px; height: 13px; text-indent: -2000px; overflow: hidden; background: transparent url(../images/articles-navigation.gif) -48px 0 no-repeat; }
.items_navigation_left li.current a { background-position: -62px 0; }
.items_navigation_left li.previous { width: 24px; height: 24px; margin-top: 0; }
.items_navigation_left li.previous a { width: 24px; height: 24px; background-position: 0 0; }
.items_navigation_left li.next { width: 24px; height: 24px; margin-top: 0 !important; }
.items_navigation_left li.next a { width: 24px; height: 24px; background-position: -24px 0; }
.items_navigation_left li a.add_prev { width: 82px; height: 18px; background: url(../images/listanje/vrati-nazad.png) no-repeat; }
.items_navigation_left li a.add_next { width: 78px; height: 18px; background: url(../images/listanje/citaj-dalje.png) no-repeat; }
.related { width: 380px; float: left; display: inline; margin: 0 20px 0 0; }
.articles_related { background: #eaf6df url(../images/content-box-header.gif) left top repeat-x; }
.articles_related h2 { padding: 4px 0 0 10px; font-size: 14px; font-weight: normal; color: #fff; background: transparent url(../images/related-top.gif) right top no-repeat; }
.articles_related ul { padding: 15px 12px 12px 12px; list-style: none; background: transparent url(../images/related-bottom.gif) left bottom no-repeat; }
.articles_related a { font-size: 12px; font-weight: bold; color: #279811; line-height: 16px; }
.articles_related a:hover { text-decoration: underline; }
.articles_tags { padding: 10px 5px; font-size: 11px; color: #000; }
.articles_tags a { color: #333; }
.articles_tags a:hover { text-decoration: underline; }
.articles_popular { margin: 10px 0 10px 0; }
.articles_popular h2 { font-size: 18px; padding: 0 0 6px 0; }
.articles_popular h2 span { color: #333; }
.articles_popular ul { padding: 0 0 10px 0; border-top-width: 1px; border-top-style: solid; background: #f2f2e7 url(../images/popular-bottom.gif) left bottom no-repeat; }
.articles_popular li { float: left; width: 293px; font-size: 12px; padding: 0 11px; margin: 10px 0 0 0; font-weight: normal; }
.articles_popular li img { float: left; margin: 0 11px 0 0; border: #e4e3ca 1px solid; }
.articles_popular li a:hover { text-decoration: underline; }
.articles_popular li.odd { clear: left; }
.articles_popular ul li p { font-size: 11px; font-weight:normal; }
.articles_list { position: relative; min-height: 430px; }
.articles_list h1 { height: 32px; padding: 0 0 0 10px; line-height: 32px; font-size: 20px; color: #fff; }
.articles_list h1.hrana { background: url(../images/nav/nav-hrana.jpg) left top no-repeat; }
.articles_list h1.dijeta { background: url(../images/nav/nav-dijeta.jpg) left top no-repeat; }
.articles_list h1.fit { background: url(../images/nav/nav-fit.jpg) left top no-repeat; }
.articles_list h1.ljepota { background: url(../images/nav/nav-ljepota.jpg) left top no-repeat; }
.articles_list h1.green { background: url(../images/nav/nav-green.jpg) left top no-repeat; }
.articles_list .articles { margin: 0 0 25px 0; }
.articles_list .articles h2 { font-weight: bold; font-size: 16px; padding: 0 0 3px 0; }
.articles_list .articles li { float: left; width: 305px; font-size: 11px; padding: 0 10px 0 0; margin: 17px 0 0 0; }
/* .articles_list .articles li img { float: left; margin: 3px 12px 0 0; border: #e4e3ca 1px solid; position: relative;}  */
.articles_list .articles li img { border: #e4e3ca 1px solid; }
.image-mark { float: left; margin: 3px 12px 0 0; border: 0px; position: relative; width: 137px; height: 92px; overflow: hidden; }
.image-mark-big { position: relative; width: 300px; height: 186px; overflow: hidden; }
.image-mark-big img.mark { position: absolute; right: 0px; bottom: 0px; border-style: none; }
.articles_list .articles li img.mark { position: absolute; right: 1px; bottom: 1px; border-style: none; }
.articles_list .articles li a:hover { text-decoration: underline; }
.articles_list .articles li .more a { color: #999; }
.articles_list .articles li.odd { clear: left; }
/* right box */
.desno-clanci-middle li img.mark { position: absolute; right: 1px; bottom: 1px; border-style: none; }
/*
.articles_list .home { position: absolute; top: 0; right: 0; width: 50px; height: 33px; padding: 0 20px 0 0; 
  line-height: 32px; text-align: right; }
.articles_list .home a { height: 30px; width: 30px; line-height: 32px; display: block; margin: 0 0 0 85px;}
*/
.articles_list .items_navigation { height: 20px; }
.articles_list .items_navigation li a { background-image: url(../images/articles-navigation.gif); }
.full_width .items_navigation li a { background-image: url(../images/articles-navigation.gif); }
.stored_articles_list .items_navigation { height: 20px; }
.stored_articles_list .items_navigation li a { background-image: url(../images/articles-navigation.gif); }
.author-box { width: 204px; float: right; background: #f2f2e7 url(../images/author-box-top.gif) no-repeat; color: #666; font-size: 11px; }
.author-box img { float: left; margin: 10px 10px 0 10px; }
.author-box strong { line-height: 20px; color: #000; }
.author-box p { margin: 0; padding: 10px; background: transparent url(../images/author-box-bottom.gif) left bottom no-repeat; }
.category_main { margin: 0 0 15px 0; display: block; }
.main_article { float: left; display: inline; width: 300px; margin: 20px 20px 0 0; border: #e4e3ca 1px solid; }
.main_article h2 { padding: 5px 10px 0 10px; font-size: 28px; }
.main_article .content { padding: 0 10px; font-size: 12px; color: #000; }
.main_article .content p { padding: 8px 0; line-height: 16px; }
.main_article .more { padding: 0 10px 5px 0; text-align: right; }
.main_article .more a { font-size: 11px; color: #999; }
.list_additional { float: left; display: inline; width: 300px; }
.list_additional .articles li { float: none; width: auto; }
.info-box { width: 230px; float: left; display: inline; background: transparent url(../images/info-box-bg.gif) repeat-y; }
.info-box h2 { position: relative; height: 34px; margin: -10px 0 0 0; padding: 17px 0 0 10px; font-size: 24px; color: #fff; background: transparent url(../images/info-box-top.gif) left top no-repeat; }
.info-box .content { padding: 0; border-width: 0 1px; border-style: solid; border-color: #5c7ec0; }
.info-box .content .extend { padding: 13px 10px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #fff; }
.info-box .content h3 { font-size: 18px; font-weight: normal; }
.info-box .content p { font-size: 11px; color: #000; }
.info-box .content img { float: left; margin: 0 12px 0 4px; }
.info-box a { font-size: 11px; color: #5c7ec0; border-bottom: #5c7ec0 1px dotted; }
.info-box .more { padding: 0 0 12px 12px; line-height: 10px; background: transparent url(../images/info-box-bottom.gif) left bottom no-repeat; }
.hrana .info-box h2 { background-position: 0 0; }
.diet .info-box h2 { background-position: 0 -51px; }
.diet .info-box .more { background-position: -230px bottom; }
.fit .info-box h2 { background-position: 0 -102px; }
.beauty .info-box h2 { background-position: 0 -153px; }
.bio .info-box h2 { background-position: 0 -204px; }
.dietlist { position: relative; }
.dietlist h1 { height: 40px; padding: 0 10px; line-height: 40px; font-size: 25px; color: #fff; background: #8dcd4f url(../images/title-bg.gif) no-repeat; }
.dietlist h1.withintro { background-image: url(../images/title-intro-bg.gif); }
.dietlist .intro { padding: 5px; font-size: 11px; color: #000; background: #f2f2e7 url(../images/intro-bg.gif) left bottom no-repeat; }
.dietlist .links li { list-style: none; float: right; }
.dietlist .links a { display: block; margin: 0 5px 0 0; font-size: 12px; color: #fff; width: 111px; height: 31px; line-height: 31px; text-align: center; background: #8dcd4f url(../images/button-links.gif) no-repeat; }
.dietlist .links a:hover { text-decoration: underline; }
.dietlist .options { position: absolute; top: 5px; right: 0; }
.dietlist .submit a { background-image: url(../images/button-links-submit.gif); }
.dietlist .items .extend { position: relative; height: 100px; margin: 10px 0 0 0; border-bottom: #e4e3ca 2px solid; }
.dietlist .items h2 { font-size: 22px; color: #52c019; }
.dietlist .items h2 a { color: #52c019; }
.dietlist .items .image { position: absolute; top: 0; left: 0; }
.dietlist .items .title { position: absolute; top: 0; left: 150px; width: 150px; }
.dietlist .items .optionlist { position: absolute; top: 65px; left: 480px; }
.dietlist .items .optionlist li { float: left; list-style: none; }
.dietlist .items .optionlist a { display: block; width: 72px; height: 26px; margin: 0 3px 0 0; line-height: 26px; font-size: 11px; font-weight: bold; text-align: center; color: #666; background: transparent url(../images/button-items.gif) no-repeat; }
.dietlist .items .optionlist a:hover { text-decoration: underline; }
.dietlist .items .percentage { position: absolute; top: 0; left: 312px; width: 148px; height: 90px; padding: 0 12px 0 0; font-size: 55px; text-align: right; line-height: 90px; color: #aaa9a2; background: #f2f2e7 url(../images/percentage-box.gif) left top no-repeat; }
.dietlist .items .description { position: absolute; top: 0; left: 480px; width: 140px; padding: 0 10px 0 0; font-size: 11px; color: #000; }
.dietlist .submit { margin-top: 30px; }
.dietlist .finder h2 { margin: 20px 0 -10px 0; font-size: 25px; color: #52c11a; }
.dietlist .finder dt { float: left; clear: left; width: 214px; margin-top: 20px; }
.dietlist .finder dt span { display: block; height: 25px; padding: 0 14px 0 0; line-height: 25px; font-size: 12px; font-weight: bold; text-align: center; color: #000; background: #f2f2e7 url(../images/finder-title.gif) right top no-repeat; }
.dietlist .finder dd { position: relative; margin-top: 33px; margin-bottom: 20px; margin-left: -15px; float: left; width: 431px; height: 50px; background: #f2f2e7 url(../images/finder-select.gif) left top no-repeat; }
.dietlist .finder dd .label { position: absolute; top: 35px; width: 80px; text-align: center; font-size: 10px; color: #9e9e97; }
.dietlist .finder dd .start { left: 172px; }
.dietlist .finder dd .end { right: 15px; text-align: right; }
.dietlist .finder dd .result { position: absolute; top: 0; left: 15px; width: 190px; text-align: center; font-size: 15px; line-height: 50px; font-weight: bold; }
.dietlist .finder dd .slider { position: absolute; top: 15px; left: 210px; width: 202px; height: 20px; background: transparent url(../images/finder-slider-bg.gif) no-repeat; }
.dietlist .finder dd .slider div { position: relative; margin-left: 12px; width: 148px; }
.dietlist .finder .button { margin: 10px 0 0 0; text-align: right; }
.dietlist .finder .button button { width: 237px; height: 54px; line-height: 54px; text-align: center; font-size: 24px; color: #fff; background: transparent url(../images/alati/gumb-prikazidijetu.png) left top no-repeat; text-indent: -9999px }
.articlelist h1 { white-space: nowrap; overflow: hidden; height: 35px; padding: 0 10px; line-height: 35px; font-size: 23px; color: #fff; background: #52c11a url(../images/title-search-bg.gif) no-repeat; }
.articlelist h2 { margin: 0 0 8px 0; font-size: 16px; font-weight: bold; color: #52c11a; }
.articlelist h2 a { color: #52c11a; }
.articlelist .items { margin-top: 20px; }
.articlelist .items .extend { margin: 8px 0 0 0; line-height: 13px; border-bottom: #e4e3ca 2px solid; }
.articlelist .items img { float: left; margin: 0 10px 15px 0; }
.articlelist .items p { margin: 0 0 3px 0; font-size: 11px; color: #000; }
.articlelist .items ul { list-style: none; margin: 0 0 8px 0; }
.articlelist .items ul a { font-size: 11px; color: #999; }
.articlelist .items ul a:hover { text-decoration: underline; }
.articlelist .items_navigation { margin-top: 30px; height: 20px; }
.articlelist .items_navigation li a { background-image: url(../images/articles-navigation.gif); }
.tools_content { position: relative; width: 450px; float: left; display: inline; }
.tools_content h1 { padding: 0 0 0 20px; height: 35px; line-height: 35px; font-size: 23px; color: #fff; background: #52c11a url(../images/title-short-bg.gif) left top no-repeat; }
.tools_content .home { position: absolute; top: 0; right: 0; width: 76px; height: 35px; padding: 0 20px 0 0; line-height: 35px; text-align: right; background: url(../images/link-tools-bg.gif) left top no-repeat; }
.tools_content .home a { font-size: 20px; color: #fff; }
.tools_content .home a:hover { text-decoration: underline; }
.tools_content .intro { margin: 0 0 30px 0; font-size: 11px; color: #7f7f7f; background: #f8f8f2 url(../images/intro-short-top.gif) left top no-repeat; }
.tools_content .intro p { padding: 10px; background: transparent url(../images/intro-short-bottom.gif) left bottom no-repeat; }
.tools_content .button .btn { width: 91px; height: 26px; padding-bottom: 2px; font-size: 11px; font-weight: bold; color: #666; background: url(../images/button-extended.gif); }
.tools_content h2 { margin: 0 0 20px 0; text-align: center; font-size: 18px; color: #999; }
.tools_content h2 strong { font-weight: normal; color: #000; }
.tools_content dt { cursor: pointer; position: relative; height: 53px; line-height: 53px; margin: 0 0 1px 0; padding: 0 200px 0 0; text-align: center; font-weight: bold; font-size: 13px; background: transparent url(../images/tools-item-title.gif) left top no-repeat; }
.tools_content dt.entry { background: transparent url(../images/tools-item-title-green.gif) left top no-repeat; }
.tools_content div #btn_calculate:hover { cursor:pointer; }
.tools_content dt img { position: absolute; top: 1px; right: 1px; }
.tools_content dd { display: none; }
.tools_content .hranalist { width: 100%; border-collapse: collapse; font-size: 12px; color: #000; }
.tools_content .hranalist th { padding: 2px 5px; white-space: nowrap; font-weight: bold; text-align: left; background-color: #d3d5cd; border-color: #fff; border-width: 0 1px 1px 0; border-style: solid; }
.tools_content .hranalist td { padding: 2px 5px; white-space: nowrap; background-color: #f2f2e7; border-color: #fff; border-width: 0 1px 1px 0; border-style: solid; }
.tools_content .hranalist .title { width: 100%; }
.tools_content .hranalist .amount { text-align: right; }
.tools_content .hranalist .input { text-align: center; }
.tools_content .hranalist .input input { padding: 0 2px; font-size: 12px; color: #000; text-align: center; width: 24px; border: #c2c2c2 1px solid; }
.tools_content .button { margin: 10px 0 15px 0; text-align: right; }
.tools_content .simple-form { position: relative; }
.tools_content .simple-form h2 { text-align: left; padding-left: 3px; }
.tools_content .simple-form fieldset.input { float: left; margin-right: 10px; position: relative; width: 60px; height: 22px; padding: 0 8px 0 0; text-align: right; font-size: 11px; font-weight: bold; line-height: 26px; border: #929282 1px solid; }
.tools_content .simple-form fieldset.input input { width: 35px; font-size: 11px; font-weight: bold; padding: 2px 4px; text-align: right; background-color: #fff; }
.tools_content .simple-form fieldset.input input.nolabel { width: 64px; text-align: left; }
.tools_content .simple-form fieldset.button { float: left; position: relative; top: -35px; }
.tools_content .simple-form button { width: 181px; background-color: #fff; }
.tools_content .simple-form label { display: block; position: absolute; top: -20px; left: 3px; font-size: 10px; color: #000; }
.tools_content .simple-form label a { color: #52c019; }
.tools_content .simple-form label a:hover { text-decoration: underline; }
.tools_content .simple-form .description { position: absolute; top: 0; right: 30px; padding-top: 20px; line-height: 11px; width: 180px; font-size: 10px; color: #666; }
.tools_content .simple-form .description h3 { margin-top: 2px; font-size: 11px; }
.tools_content .simple-form .description img { float: right; position: relative; top: -20px; }
.tools_content .form-bmi { margin-left: 50px; }
.tools_content .form-build { margin-left: 30px; }
.tools_content .form-build fieldset.input { width: 80px; }
.tools_content .form-build fieldset.button { clear: left; float: none; top: 10px; text-align: left; }
.tools_content .form-build .description h3 { margin-top: 50px; }
.tools_content .form-weight fieldset.input { width: 73px; margin-right: 8px; }
.tools_content .form-ideal fieldset.input { width: 73px; margin-right: 8px; }
.tools_content .form-ideal fieldset.button { clear: left; float: none; top: 10px; text-align: left; }
.tools_content .form-shape { margin-left: 30px; }
.tools_content .form-shape fieldset.input { width: 80px; }
.tools_content .form-shape fieldset.button { clear: left; float: none; top: 10px; text-align: left; }
.tools_content .form-risk { margin-left: 30px; }
.tools_content .form-risk fieldset.input { width: 80px; }
.tools_content .form-risk fieldset.button { clear: left; float: none; top: 10px; text-align: left; }
.tools_content .form-water { margin-left: 100px; }
.tools_content .form-water fieldset.input { margin-left: 5px; }
.tools_content .form-water fieldset.button { width: 241px; padding: 0; margin: 0; }
.tools_content .form-water fieldset.button button { width: 241px; padding: 0; margin: 0; }
.tools_content .main_result { position: relative; height: 50px; line-height: 50px; margin-bottom: 5px; text-align: left; background: transparent url(../images/title-value.gif) right top no-repeat; }
.tools_content .main_result span { position: absolute; top: 0; right: 20px; width: 150px; text-align: right; color: #000; }
.tools_content .water_scale { cursor: pointer; margin: 0 0 15px 0; background: transparent url(../images/glass.gif) left bottom repeat-x; }
.tools_content .water_scale li { float: left; width: 32px; height: 14px; margin: 0 -1px; padding: 40px 0 0 0; list-style: none; font-size: 10px; text-align: center; }
.tools_content .water_scale li.selected { background: transparent url(../images/pointer-water.gif) left top no-repeat; }
.tools_info { width: 170px; float: right; display: inline; }
.tools_info .category { position: relative; margin: -20px 0 0 0; height: 26px; padding-top: 142px; text-align: center; font-size: 18px; background: transparent url(../images/mascot-tools.gif) right top no-repeat; color: #52c11a; }
.tools_info .category a { color: #52c11a; }
.tools_info .category a:hover { text-decoration: underline; }
.tools_info .links { float: right; width: 160px; margin: 12px 0 0 0; font-size: 12px; }
.tools_info .links a { font-weight: bold; color: #000; padding-left: 10px; }
.tools_info .links a:hover { text-decoration: underline; }
.tools_info .links li { position: relative; list-style: none; height: 25px; line-height: 25px; padding: 0; margin: 0 0 5px -10px; background: transparent url(../images/tools-menu.gif) left top no-repeat; }
.tools_info .links li.active { margin-left: -20px; background: transparent url(../images/tools-menu-active.gif) left top repeat-x; }
.tools_info .links li.active a.active { color: #fff; padding-left: 20px; }
.tools_results { display: none; }
.tools_results li { position: relative; margin: 0 0 30px 0; list-style: none; background: transparent url(../images/tools-result-bg.gif) no-repeat; }
.tools_results h2 { position: absolute; top: 0; left: 0; width: 220px; padding: 0 0 0 10px; line-height: 50px; font-size: 15px; font-weight: bold; }
.tools_results h2.long { line-height: 20px; padding-top: 5px; }
.tools_results .amount { position: absolute; top: 0; left: 260px; font-size: 23px; line-height: 23px; color: #52c019; }
.tools_results .description { float: right; width: 343px; margin: 37px 0 0 0; padding: 0 15px 10px 15px; font-size: 12px; background: #f2f2e7 url(../images/tools-result-bottom-bg.gif) left bottom no-repeat; }
.tools_results .result { position: absolute; top: 5px; right: 410px; font-size: 35px; color: #52c11a; }
.tools_results .result img { margin: 3px 2px 0 0; }
.tools_results .buttons { position: relative; margin: -10px 0 10px 0; text-align: right; }
.tools_results .buttons input { font-size: 11px; font-weight: bold; width: 71px; height: 26px; color: #666; background: transparent url(../images/button-option.gif) no-repeat; }
.tools_results .slider { position: absolute; top: 82px; left: 0; width: 225px; height: 19px; background-image: url(../images/slider-bmi.gif); }
.tools_results .slider #pointer { position: absolute; top: -10px; width: 26px; height: 23px; background-image: url(../images/slider-pointer.png); }
.tools_results .slider .position1 { left: 10px; }
.tools_results .slider .position2 { left: 55px; }
.tools_results .slider .position3 { left: 100px; }
.tools_results .slider .position4 { left: 145px; }
.tools_results .slider .position5 { left: 175px; }
.tools_results .slider .position6 { left: 200px; }
.tools_results .slider .label { position: absolute; top: 20px; font-size: 10px; color: #9e9e97; }
.tools_results .slider .start { left: 0; }
.tools_results .slider .end { right: 0; }
.tools_results .slider .middle { left: 92px; }
.tools_results .slider_info { position: absolute; top: 65px; left: 0; font-size: 16px; font-weight: bold; color: #999; }
.tools_results .slider_info .level1 { color: #ff3333; }
.tools_results .slider_info .level2 { color: #52bf19; }
.tools_results .slider_info .level3 { color: #05ccc8; }
.tools_results_risk .slider { background-image: url(../images/slider-risk.gif); }
.tools_results_water .slider { top: 110px; background-image: url(../images/slider-water.gif); }
.tools_results_water .slider .position1 { left: 25px; }
.tools_results_water .slider .position2 { left: 100px; }
.tools_results_water .slider .position3 { left: 175px; }
.tools_other_results h2 { margin: 0 0 8px 0; font-size: 20px; color: #000; }
.tools_other_results li { list-style: none; position: relative; width: 308px; float: left; padding: 8px 0 8px 2px; font-size: 11px; color: #000; border-color: #e4e3ca; border-style: solid; border-bottom-width: 2px; }
.tools_other_results li.odd { clear: left; margin-right: 10px; }
.tools_other_results li.firstline { border-top-width: 2px; }
.tools_other_results h3 { font-size: 16px; color: #52bf19; }
.tools_other_results .more { position: absolute; top: 8px; right: 0; }
.tools_other_results .more a { display: block; width: 48px; height: 19px; line-height: 19px; text-align: center; font-size: 11px; color: #666; background-image: url(../images/button-small.gif); }
.tools_other_results .more a:hover { text-decoration: underline; }
.tools_result_data { margin: 0 0 20px 0; display: none; }
.tools_result_data table { width: 100%; border-collapse: collapse; }
.tools_result_data table caption { font-size: 14px; font-weight: bold; text-align: left; margin-bottom: 5px; color: #52c11a; }
.tools_result_data td { padding: 3px 7px; font-size: 11px; text-align: center; color: #666; border-color: #fff; border-style: solid; border-width: 1px 1px 0 0; }
.tools_result_data th { padding: 0 2px; height: 62px; font-size: 13px; font-weight: bold; color: #fff; border-color: #fff; border-style: solid; border-width: 1px 1px 0 0; background: #52c11a url(../images/data-bg.jpg) left bottom repeat-x; }
.tools_result_data th span { font-size: 10px; font-weight: normal; }
.tools_result_data th.first,
.tools_result_data th.last { vertical-align: top; }
.tools_result_data th.first div { margin-left: -2px; line-height: 62px; background: transparent url(../images/data-left.gif) left top no-repeat; }
.tools_result_data th.last div { margin-right: -2px; line-height: 62px; background: transparent url(../images/data-right.gif) right top no-repeat; }
.tools_result_data .sum td { font-size: 13px; background-color: #ffcc66; }
.tools_result_data .sum .label { font-weight: bold; }
.tools_result_data .sum .description { color: #000; }
.tools_result_data .odd td { background-color: #f2f2e7; }
.tools_result_data .label { text-align: left; color: #000; }
.tools_result_data .description { text-align: left; font-weight: bold; color: #52c11a; }
.profile_info { position: relative; }
.profile_info h1 { padding: 0 0 0 20px; height: 35px; line-height: 35px; font-size: 23px; color: #fff; background: #52c11a url(../images/title-profile.gif) left top no-repeat; }
.profile_info .data { position: relative; float: left; display: inline; width: 320px; background: #f2f2e7 url(../images/profile-info-top.gif) left top no-repeat; }
.profile_info .data img { margin: 6px 20px 6px 8px; float: left; }
.profile_info .data dl { width: 155px; margin: 6px 0 0 0; float: left; font-size: 12px; }
.profile_info .data dt { clear: left; float: left; width: 55px; color: #999; }
.profile_info .data dd { float: left; width: 100px; color: #000; width: 100px; overflow: hidden; }
.profile_info .data .about { z-index: 1; clear: left; position: relative; width: 321px; padding: 28px 0 15px 0; background: #fff url(../images/profile-about-top.gif) left top no-repeat; }
.profile_info .data .about .content { position: relative; width: 294px; margin: 0 0 0 1px; padding: 2px 12px; border-width: 0 1px; border-style: solid; font-size: 12px; color: #000; border-color: #d0cfc7; border-bottom: none }
.profile_info .data .end { position: absolute; bottom: 5px; left: 1px; width: 321px; height: 11px; background: #fff url(../images/profile-about-bottom.gif) left top no-repeat; }
.profile_info .data .edit { position: absolute; z-index: 2; top: 85px; right: 10px; width: 100px; }
.profile_info .data .edit a { width: 89px; height: 24px; line-height: 24px; display: block; text-align: center; font-size: 12px; color: #666; background-image: url(../images/button-extended-dark.gif); background-repeat: no-repeat; float: right; margin-top: 5px; }
.profile_info .data .edit a.long { width: 109px; background-image: url(../images/button-extended-dark-wide109.gif); }
.profile_info .data .edit a:hover { text-decoration: underline; }
.profile_info .status { position: relative; float: left; width: 270px; display: inline; margin: 0 0 0 20px; }
.profile_info .status .content { width: 206px; height: 165px; padding: 54px 20px 0 35px; font-size: 12px; background-image: url(../images/profile-status.gif); color: #000; }
.profile_info .status .content span { margin: 10px; width: 186px; height: 130px; display: block; overflow: hidden; }
.profile_info .status .edit { position: absolute; top: 220px; right: 16px; }
.profile_info .status .edit a { width: 91px; height: 26px; line-height: 26px; display: block; text-align: center; font-size: 12px; color: #666; background-image: url(../images/button-extended.gif); }
.profile_info .status .edit a:hover { text-decoration: underline; }
.profile_info_content { margin: 17px 0 0 0; padding: 10px 0 0 0; border-top: #f2f2e7 2px solid; }
.profile_info_content p { margin-bottom: 5px }
.profile_data { clear: left; position: relative; margin: 20px 0 0 0; }
.profile_data .content { float: left; width: 450px; display: inline; }
.profile_data .content h2 { padding: 0 0 5px 0; font-size: 20px; border-bottom: #e4e3ca 2px solid; }
.profile_data .content h3 { font-size: 25px; font-weight: normal; color: black; }
.profile_data .content h3 a { color: #52bf19; }
.profile_data .content p { padding: 3px 0; font-size: 11px; }
.profile_data .content p span { color: #52bf19; }
.profile_data .content li.extend { padding: 10px 0; border-bottom: #e4e3ca 2px solid; }
.profile_data .content li .icon { float: left; margin: 0 15px 0 0; }
.profile_data .content .options { position: relative; }
.profile_data .content .more a { font-size: 11px; color: #999; }
.profile_data .content .more a:hover { text-decoration: underline; }
.profile_data .content .delete { position: absolute; top: 2px; right: 0; }
.profile_data .content .delete a { display: block; width: 48px; height: 19px; line-height: 19px; font-size: 11px; text-align: center; color: #666; background-image: url(../images/button-mini.gif); }
.profile_data .content .delete a:hover { text-decoration: underline; }
.profile_data .articlelist h3 { font-size: 16px; font-weight: bold; margin: 0 0 6px 0; }
.profile_data .articlelist .items { margin-top: 0; }
.profile_data .articlelist .items .extend { position: relative; margin: 0; padding-bottom: 5px; }
.profile_data .articlelist .items p { padding: 0; }
.profile_data .articlelist .items img { margin: 2px 10px 20px 0; }
.profile_data .articlelist .links { margin-bottom: 0; }
.profile_data .articlelist .items .delete { top: auto; bottom: 8px; }
.profile_data .menu { float: right; width: 160px; margin: 27px 0 0 0; font-size: 12px; }
.profile_data .menu a { font-weight: bold; color: #000; }
.profile_data .menu a:hover { text-decoration: underline; }
.profile_data .menu li { position: relative; list-style: none; height: 25px; line-height: 25px; padding: 0 8px; margin: 0 0 5px 0; background: transparent url(../images/tools-menu.gif) left top repeat-x; }
.profile_data .menu li.active { margin-left: -10px; padding-left: 18px; background: transparent url(../images/tools-menu-active.gif) left top repeat-x; }
.profile_data .menu li.active a.active { color: #fff; }
.main_links { position: absolute; top: 0; right: 0; width: 300px; height: 35px; padding: 0 5px 0 0; line-height: 35px; text-align: right; }
.main_links li { list-style: none; float: right; height: 35px; padding: 0 10px 0 30px; background: #99db78 url(../images/link-main-bg.gif) left top no-repeat; }
.main_links li.first { background-image: url(../images/link-main-first-bg.gif); }
.main_links a { font-size: 20px; color: #fff; }
.main_links a:hover { text-decoration: underline; }
.lightbox_mini { position: absolute; z-index: 5; background-image: url(../images/lightbox-mini-content.png); display: none; width: 350px; }
.lightbox_mini .corner { position: absolute; left: 0; width: 100%; height: 20px; }
.lightbox_mini .start { top: -20px; background-image: url(../images/lightbox-mini-start.png); }
.lightbox_mini .end { bottom: -20px; background-image: url(../images/lightbox-mini-end.png); }
.lightbox_mini .content { padding: 0 25px; }
.lightbox_mini h2 { margin: 0 0 5px 0; font-size: 19px; color: #52c019; }
.lightbox_mini textarea { padding: 4px; margin: 0 0 10px 0; width: 140px; height: 100px; font-size: 11px; color: #333; border: #bfbfbf 1px solid; }
.lightbox_mini input.text { padding: 4px; margin: 0 0 10px 0; width: 140px; font-size: 11px; color: #333; border: #bfbfbf 1px solid; }
.lightbox_mini .buttons { text-align: right; margin: 0 0 5px 0; }
.lightbox_mini .buttons input { width: 91px; height: 28px; text-align: center; color: #666; font-size: 12px; font-weight: bold; background-image: url(../images/button-extended.gif); }
.lightbox_mini p { font-size: 11px; color: #333; }
.lightbox_mini .registration { position: relative; z-index: 2; margin: 0 0 -5px 15px; padding: 0 20px 0 80px; height: 162px; background: transparent url(../images/registration.gif) left bottom no-repeat; }
.lightbox_mini .registration h2 { margin-bottom: 7px; color: #2a2724; }
.lightbox_mini .registration .button-links { margin: 15px 0 0 0; }
.lightbox_mini .registration .button-links a { display: block; float: right; width: 132px; height: 40px; font-weight: bold; text-align: center; line-height: 40px; color: #fff; background-image: url(../images/button-big-link.gif); }
.lightbox_mini .registration .button-links a:hover { text-decoration: underline; }
.lightbox_mini .buttons a.button { display: inline; padding: 8px 22px; width: 91px; height: 28px; text-align: center; color: #666; font-size: 12px; font-weight: normal; background: url(../images/button-extended.gif) no-repeat; }
label.lb { width: 140px; display: block; float: left; }
.hrana .articles_popular ul,
.hrana .info-box .content { border-color: #f60; }
.hrana .article_lead h1,
.hrana .article_content h2,
.hrana .article_info .comments a,
.hrana .article_info .category,
.hrana .article_info .category a,
.hrana .article a,
.hrana .article .title h1,
.hrana .articles_popular a,
.hrana .articles_popular h2,
.hrana .articles_list .articles h2 a,
.articlelist .items .hrana a,
.hrana .info-box .content h3,
.hrana .main_article h2,
.hrana .info-box a { color: #f60; }
.dijeta .articles_popular ul,
.dijeta .info-box .content { border-color: #f085a8; }
.dijeta .article_lead h1,
.dijeta .article_content h2,
.dijeta .article_info .comments a,
.dijeta .article_info .category,
.dijeta .article_info .category a,
.dijeta .article a,
.dijeta .article .title h1,
.dijeta .articles_popular a,
.dijeta .articles_popular h2,
.dijeta .articles_list .articles h2 a,
.articlelist .items .dijeta a,
.dijeta .info-box .content h3,
.dijeta .main_article h2,
.dijeta .info-box a { color: #f085a8; }
.fit .articles_popular ul,
.fit .info-box .content { border-color: #5c7ec0; }
.fit .article_lead h1,
.fit .article_content h2,
.fit .article_info .comments a,
.fit .article_info .category,
.fit .article_info .category a,
.fit .article a,
.fit .article .title h1,
.fit .articles_popular a,
.fit .articles_popular h2,
.fit .articles_list .articles h2 a,
.articlelist .items .fit a,
.fit .info-box .content h3,
.fit .main_article h2,
.fit .info-box a { color: #5c7ec0; }
.ljepota .articles_popular ul,
.ljepota .info-box .content { border-color: #9779cb; }
.ljepota .article_lead h1,
.ljepota .article_content h2,
.ljepota .article_info .comments a,
.ljepota .article_info .category,
.ljepota .article_info .category a,
.ljepota .article a,
.ljepota .article .title h1,
.ljepota .articles_popular a,
.ljepota .articles_popular h2,
.ljepota .articles_list .articles h2 a,
.articlelist .items .ljepota a,
.ljepota .info-box .content h3,
.ljepota .main_article h2,
.ljepota .info-box a { color: #9779cb; }
.green .articles_popular ul,
.green .info-box .content { border-color: #9cc735; }
.green .article_lead h1,
.green .article_content h2,
.green .article_info .comments a,
.green .article_info .category,
.green .article_info .category a,
.green .article a,
.green .article .title h1,
.green .articles_popular a,
.green .articles_popular h2,
.green .articles_list .articles h2 a,
.articlelist .items .green a,
.green .info-box .content h3,
.green .main_article h2,
.green .info-box a { color: #9cc735; }
.ui-state-default { position: absolute; z-index: 2; width: 32px; height: 46px; top: -12px; cursor: default; background: transparent url(../images/finder-slider.png) 50% 50% no-repeat; outline: none; }
.extend:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; }
.extend { display: inline-block; }
html[xmlns] .extend { display: block; }
* html .extend { height:1%; }
/* box //////////////*/
#boxnav_01 { background-image:url(../images/box/right01bg.jpg); background-repeat:no-repeat; height:34px; margin:0; padding:12px 0 0 45px; text-align:left; width:125px; }
#boxnav_02 { background-image:url(../images/box/right02bg.jpg); background-repeat:no-repeat; height:34px; margin:0; padding:12px 0 0 45px; text-align:left; width:125px; }
#boxnav_03 { background-image:url(../images/box/right03bg.jpg); background-repeat:no-repeat; height:34px; margin:0; padding:12px 0 0 45px; text-align:left; width:125px; }
#boxnav_04 { background-image:url(../images/box/right04bg.jpg); background-repeat:no-repeat; height:34px; margin:0; padding:12px 0 0 45px; text-align:left; width:125px; }
#boxnav_05 { background-image:url(../images/box/right05bg.jpg); background-repeat:no-repeat; height:33px; margin:0; padding:13px 0 0 45px; text-align:left; width:125px; }
.box_container { float:left; height:230px; margin:15px 0 10px; width:630px; display: block;/* overflow: hidden;*/ }
.left_container { background-image:url(../images/box/left_bootom_bg.jpg); background-repeat:no-repeat; float:left; height:230px; margin:0; padding:0; width:445px; }
.left_container ul { height:31px; list-style-type:none; margin:0 0 0 75px; padding:9px 0 0; }
.left_container ul li { float:left; margin:0 0 0 10px; padding:0; width:29px; }
.left_container ul li a { background-image:url(../images/box/footernav_bg.jpg); background-position:top left; background-repeat:no-repeat; color:#269911; float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; height:22px; margin:0; outline:none; padding:6px 0 0 11px; text-align:left; text-decoration:none; width:18px; }
.left_container ul li a:hover,
.left_container ul li a.active-slide-link { background-position:bottom left; color:#FFF; outline:none; }
.left_top { float:left; height:162px; margin:0; padding:18px 10px 10px; width: 308px !important; width:290px; }
.left_top p { color:#000; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; margin:5px 0; padding:0; text-align:left; text-decoration:none; width: 300px !important; width: 285px; }
.box-content-holder { display: none; }
.active-slide { display: block; }
.right_container { float:right; height:230px; margin:0; padding:0; width:170px; }
.right_container ul { float:right; height:230px; list-style-type:none; margin:0; padding:0; width:170px; }
.right_container ul li { float:left; height:46px; margin:0; padding:0; width:170px; }
.right_container ul li a { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:400; outline:none; text-decoration:none; }
.right_container ul li a:hover,
a.link-buy:hover { outline:none; text-decoration:underline; }
.prev,
.prevx { background-image:url(../images/box/prev.jpg); background-repeat:no-repeat; display:block; float:left; height:39px; margin:10px; outline:none; padding:0; width:38px; }
.next,
.nextx { background-image:url(../images/box/next.jpg); background-repeat:no-repeat; display:block; float:right; height:39px; margin: 10px !important; margin:10px 0px 10px 10px; outline:none; padding:0; width:38px; }
/* end of box */

.article_content { font-size: 12px; color: #000; }
.article_content h2 { font-size: 16px; margin: 20px 0 10px; }
.article_content p { margin-bottom: 15px; line-height: 16px; }
.article_content ul,
.article_content ol { padding-left: 30px; margin: 10px 0; }
.links ul,
.links ol { padding-left: 10px; margin: 0; }
.article_content .text { width: 448px; float: left; display: inline; margin-right: 12px; }
.article_content .links { width: 161px; margin: 10px 0 0 0; float: right; display: inline; }
.article_content .links li { list-style: none; width: 150px; height: 25px; line-height: 25px; padding: 0 8px 0 18px; margin: 0 0 5px -20px; display: block; overflow: hidden; }
.article_content .links li.active { margin-left: -20px; padding-left: 18px; }
.article_content .links li.active a.active { color: #fff; }
.article_content .links a.active { color: #fff; }
.hrana_bga { background: url(../images/bg-hrana-arrowlink.gif) left top no-repeat; }
.hrana_bga_active { background: url(../images/bg-hrana-arrowlink.gif) left bottom no-repeat; }
.hrana_bga a { color: #f60; font-size: 11px; }
.dijeta_bga { background: url(../images/bg-dijetavit-arrowlink.gif) left top no-repeat; }
.dijeta_bga_active { background: url(../images/bg-dijetavit-arrowlink.gif) left bottom no-repeat; }
.dijeta_bga a { color: #f085a8; font-size: 11px; }
.fit_bga { background: transparent url(../images/bg-fitwell-arrowlink.gif) left top no-repeat; }
.fit_bga_active { background: transparent url(../images/bg-fitwell-arrowlink.gif) left bottom no-repeat; }
.fit_bga a { color: #5c7ec0; font-size: 11px; }
.ljepota_bga { background: transparent url(../images/bg-ljepota-arrowlink.gif) left top no-repeat; }
.ljepota_bga_active { background: transparent url(../images/bg-ljepota-arrowlink.gif) left bottom no-repeat; }
.ljepota_bga a { color: #9779cb; font-size: 11px; }
.green_bga { background: transparent url(../images/bg-greenbio-arrowlink.gif) left top no-repeat; }
.green_bga_active { background: transparent url(../images/bg-greenbio-arrowlink.gif) left bottom no-repeat; }
.green_bga a { color: #7ea32b; font-size: 11px; }
/*desno */
.desno-main-holder { width:300px; margin:0px; padding-top:20px; }
.desno-title { width:300px; margin:0px; padding:0px; }
.desno-title h3 { color: #fff; font-size: 22px; font-weight: bold; padding: 7px 0 0 15px; }
.desno-diskusije { float:left; width:300px; padding:0px; margin:0px; text-indent:-9999px; background-color:#f2f2e7; }
.desno-diskusije a { margin:0 5px 5px 5px; padding:0px; display:block; width:290px; height:42px; background-image:url(../images/desno/diskusije.gif); background-repeat:no-repeat; background-position:top left; }
.desno-savjeti { float:left; width:300px; padding:0px; margin:0px; text-indent:-9999px; background-color:#f2f2e7; }
.desno-savjeti a { margin:0 5px 5px 5px; padding:0px; display:block; width:290px; height:42px; background-image:url(../images/desno/savjeti.gif); background-repeat:no-repeat; background-position:top left; }
.desno-title_bg1 { background-image:url(../images/desno/racunaljke-za-sve.png); background-repeat: no-repeat; height:40px; }
.desno-title_bg1 h3 { font-size: 18px; }
.desno-title_bg2 { float:left; background-image:url(../images/desno/alati-za-clanove.png); background-repeat: no-repeat; height:54px; margin:0px; }
.desno-title_bg3 { display: block; float:left; background-image:url(../images/desno/bg-title-postani-clan-2.jpg); background-repeat:no-repeat; background-position:top left; width:300px; height:60px; margin:0px; }
.desno-title_bg3 a { font-size: 26px; font-weight: bold; color: #fff; margin: 15px 20px 0 20px; display: block; }
.desno-title_bg3 a:hover { }
.desno-alati-shortcuts { width:300px; height:262px; margin:0px; padding:0px; background-image:url(../images/desno/bg-racunzasve_links.jpg); background-repeat:no-repeat; }
.desno-alati-shortcuts ul { float:left; list-style-type:none; margin:6px 0 0 2px; padding:0; /*background-color:#FF3300;*/ }
.desno-alati-shortcuts ul li { float:left; display:block; height:80px; width:70px; margin:0 0 3px 3px; padding:0; text-align:left; }
.desno-alati-shortcuts ul li a { background-position:top left; outline:none; }
.desno-alati-shortcuts ul li a:hover { background-position:top left; outline:none; }
.desno-link-bmi { background-image:url(../images/desno/link_bmi.jpg); background-repeat:no-repeat; display:block; width:70px; height:80px }
.desno-link-oblik { background-image:url(../images/desno/link_oblik.jpg); background-repeat:no-repeat; display:block; width:70px; height:80px }
.desno-link-rizik { background-image:url(../images/desno/link_rizik.jpg); background-repeat:no-repeat; display:block; width:70px; height:80px }
.desno-link-idealna { background-image:url(../images/desno/link_idealna.jpg); background-repeat:no-repeat; display:block; width:70px; height:80px }
.desno-link-aktivnost { background-image:url(../images/desno/link_potrosnja.jpg); background-repeat:no-repeat; display:block; width:70px; height:80px }
.desno-link-kalcijometar { background-image:url(../images/desno/link_kalcij.jpg); background-repeat:no-repeat; display:block; width:70px; height:80px }
.desno-link-vodomjer { background-image:url(../images/desno/link_vodomjer.jpg); background-repeat:no-repeat; display:block; width:70px; height:80px }
.desno-link-gradja { background-image:url(../images/desno/link_gradja.jpg); background-repeat:no-repeat; display:block; width:70px; height:80px }
.desno-link-stresometar { background-image:url(../images/desno/link_stresometar.jpg); background-repeat:no-repeat; display:block; width:70px; height:80px }
.desno-link-ovulator { background-image:url(../images/desno/link_ovulator.jpg); background-repeat:no-repeat; display:block; width:70px; height:80px }
.desno-link-alkometar { background-image:url(../images/desno/link_alkometar.jpg); background-repeat:no-repeat; display:block; width:70px; height:80px }
.desno-link-moje-srce { background-image:url(../images/desno/link_moje-srce.jpg); background-repeat:no-repeat; display:block; width:70px; height:80px; }
.desno-diet-finder { float:left; width:300px; padding:0px; margin:0px; text-indent:-9999px; background-color:#f2f2e7; }
.desno-diet-finder a { margin:0 5px 5px 5px; padding:0px; display:block; width:290px; height:68px; background-image:url(../images/desno/dij_trazilica.gif); background-repeat:no-repeat; background-position:top left; }
.desno-diet-finder a:hover { background-position:top left; }
.desno-broj-kalorija { float:left; width:300px; padding:0px; margin:0px; text-indent:-9999px; background-color:#f2f2e7; }
.desno-broj-kalorija a { margin:0 5px 5px 5px; padding:0px; display:block; width:290px; height:68px; background-image:url(../images/desno/brojac.gif); background-repeat:no-repeat; background-position:top left; }
.desno-broj-kalorija a:hover { background-position:top left; }
#boxad1 { width: 300px; height: 250px; border: 1px solid #ccc; }
.boxad2 { width: 300px; height: 100px; border: 1px solid #ccc; }
.adborder { width: 300px; height: 100px; border: 1px solid #ccc; margin-top: 5px; }
/* desno članci */
.desno-clanci-holder { width:300px; margin:20px 0 20px 0; padding:0px; background-color: #f2f2e7; }
.desno-main-holder h3 { margin: 0px; }
.desno-clanci-top-title { display:block; width:300px; height:40px; background-image:url(../images/desno/bg-novi-clanci.jpg); background-repeat:no-repeat; }
.desno-clanci-top-title h3 { display:block; color:#FFFFFF; font-size:22px; font-weight:normal; margin:0px 0 0 15px; padding:7px 0 0 0; text-decoration:none; text-align:left; }
.desno-clanci-middle { width:290px; margin:5px 5px 0 5px; padding:0px; height: 525px; }
.desno-clanci-middle ul { margin: 0; padding: 0; }
.desno-clanci-middle li { margin: 0; padding: 5px; list-style: none; }
.desno-clanci-holder .desno-clanci-middle h3 { margin: 0; padding: 0 0 4px 0; line-height: normal; }
.desno-clanci-holder .desno-clanci-middle a { font-size: 14px; font-weight: normal; }
.desno-clanci-holder .desno-clanci-middle p { font-size: 11px; line-height: normal; }
.desno-clanci-bottom { display:block; width:300px; height:10px; background-image:url(../images/desno/bg-clanci-bottom.gif); background-repeat:no-repeat; margin:0px; padding:0px; }
/* desno članci end */

.clear { clear:both; }
.color_dijeta { color:#f085a8; }
.color_fit { color:#5b7ebf; }
.color_green { color:#90b932; }
.color_hrana { color: #f60; }
.color_ljepota { color: #8e70c0; }
a:visited.color_dijeta { color:#f085a8; }
a:visited.color_fit { color:#5b7ebf; }
a:visited.color_green { color:#90b932; }
a:visited.color_hrana { color: #f60; }
a:visited.color_ljepota { color: #8e70c0; }
.color_green_main { color: #52BF19; }
.highlight { color: #52BF19; }
li.bg-dijeta { background: #f5afc6 url(../images/nav/bg-navbar-li_dijeta.png) left no-repeat; margin: 0 0px 0 0; }
li.bg-fit { background: #a0b3da url(../images/nav/bg-navbar-li_fit.png) left no-repeat; margin: 0 0px 0 0; }
li.bg-green { background: #99db78 url(../images/nav/bg-navbar-li_green.png) left no-repeat; margin: 0; }
li.bg-hrana { background: #ffa569 url(../images/nav/bg-navbar-li_hrana.png) left no-repeat; margin: 0 0px 0 0; }
li.bg-ljepota { background: #b9a5dc url(../images/nav/bg-navbar-li_ljepota.png) left no-repeat; margin: 0 0px 0 0; }
a { outline: none; }
.dyn { width: 230px; height: 193px; display: inline-block; margin-top: -8px; }
.dyn .small_container { padding: 15px 5px 5px 5px; }
.dyn .small_container p { color: #000; padding: 5px 10px 5px 5px; }
.dyn .small_container img.q { float: left; padding: 5px 10px 75px 5px; }
.dyn h3 { font-size: 20px; color: #fff; margin: 17px 0 0 10px; }
.dyn h4 { font-size: 14px; padding-top: 5px; }
.dyn h4.under_image { float: left; margin: 90px 0 0 -96px; width: 85px; display: inline-block; text-align: center; }
.dijeta_bg { background: url(../images/dyn/dijeta-cloud.png) no-repeat; }
.fit_bg { background: url(../images/dyn/fit-cloud.png) no-repeat; }
.green_bg { background: url(../images/dyn/green-cloud.png) no-repeat; }
.hrana_bg { background: url(../images/dyn/hrana-cloud.png) no-repeat; }
.ljepota_bg { background: url(../images/dyn/ljepota-cloud.png) no-repeat; }
.ljeto_bg { background: url(../images/dyn/ljeto-cloud.png) no-repeat; }
.dyn img.podloga { padding: 13px 20px 40px 12px; float: left; }
.dyn img.dijeta { background: url(../images/dyn/dijeta-i.png) no-repeat; }
.dyn img.fit { background: url(../images/dyn/fit-i.png) no-repeat; }
.dyn img.green { background: url(../images/dyn/green-i.png) no-repeat; }
.dyn img.hrana { background: url(../images/dyn/hrana-i.png) no-repeat; }
.dyn img.ljepota { background: url(../images/dyn/ljepota-i.png) no-repeat; }
.dyn img.ljeto { background: url(../images/dyn/ljeto-i.png) no-repeat; }
.box-content-holder h2 { color: #52BF19; font-size: 22px; }
.box-content-holder a { color: #52BF19; }
.box-content-holder a:hover { text-decoration: underline; }
.navbar { height:35px; overflow:hidden; }
.navbar .first-dijeta { background: #f5afc6 url(../images/nav/bg-navbar-li-first_dijeta.png) left no-repeat; }
.navbar .first-fit { background: #a0b3da url(../images/nav/bg-navbar-li-first_fit.png) left no-repeat; }
.navbar .first-green { background: #99db78 url(../images/nav/bg-navbar-li-first_green.png) left no-repeat; }
.navbar .first-hrana { background: #ffa569 url(../images/nav/bg-navbar-li-first_hrana.png) left no-repeat; }
.navbar .first-ljepota { background: #b9a5dc url(../images/nav/bg-navbar-li-first_ljepota.png) left no-repeat; }
.navbar ul { float:right; list-style:none; margin:0; overflow:hidden; padding:0 55px 0 0; background:url(../images/nav/bg-navbar-li_dijeta.png) no-repeat; }
.navbar li { float:left; height:35px; line-height:35px; padding:0 17px 0 17px; }
.hrana-hbg { background: url(../images/nav/nav-hrana.jpg) left top no-repeat; }
.dijeta-hbg { background: url(../images/nav/nav-dijeta.jpg) left top no-repeat; }
.fit-hbg { background: url(../images/nav/nav-fit.jpg) left top no-repeat; }
.ljepota-hbg { background: url(../images/nav/nav-ljepota.jpg) left top no-repeat; }
.green-hbg { background: url(../images/nav/nav-green.jpg) left top no-repeat; }
.navbar .hrana-bg { background: transparent url(../images/nav/bg-navbar-li_hrana.png) left no-repeat; margin: 0 0px 0 0; }
.navbar .dijeta-bg { background: transparent url(../images/nav/bg-navbar-li_dijeta.png) left no-repeat; margin: 0 0px 0 0; }
.navbar .fit-bg { background: transparent url(../images/nav/bg-navbar-li_fit.png) left no-repeat; margin: 0 0px 0 0; }
.navbar .green-bg { background: transparent url(../images/nav/bg-navbar-li_green.png) left no-repeat; margin: 0 0px 0 0; }
.navbar .ljepota-bg { background: transparent url(../images/nav/bg-navbar-li_ljepota.png) left no-repeat; margin: 0 0px 0 0; }
.navbar .home { position: absolute; top: 0; right: 0; width: 52px; height: 35px; padding: 0 20px 0 0; line-height: 32px; text-align: right; }
.navbar .home a { height: 30px; width: 30px; line-height: 32px; display: block; margin: 0 0 0 15px; }
.navbar a { color:#fff; display:block; font-size:23px; margin:0 14px; }
.navbar h2 { color:#fff; font:23px/36px Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 12px; }
.djetavital-article_author_holder { width:630px; margin:0px; padding:0px; /*background-color:#FF3300;*/ }
.djetavital-author_left { float:left; width:460px; margin: 0 0 10px 0; padding:0px; }
.djetavital-author_left h3 { display:block; font-weight:normal; color:#f085a8; font-size:22px; margin:0px; padding:0px; }
.djetavital-author_left h4 { display:block; font-weight:normal; color:#f085a8; font-size:16px; margin:0px; padding:0px; }
.djetavital-author_left p { width:450px; margin:0px; padding:0px 0 10px 0; }
.djetavital-article-image-holder { display:block; font-weight:normal; width:450px; margin:15px 0 15px 0; }
.djetavital-authordata { display:block; font-weight:normal; width:460px; background-image:url(../images/author-article/bg-o-autoru.jpg); background-repeat:no-repeat; background-color:#f2f2e7; margin:15px 0 15px 0; }
.djetavital-authordata h3 { display:block; font-weight:normal; color:#FFFFFF; font-size:13px; margin:0px; padding:5px 0 0 10px; height:18px; }
.djetavital-authordata-picture { float:left; width:80px; height:71px; margin:10px 10px 10px 10px; display: block; }
.djetavital-authordata-text { float:left; width:350px; margin:10px 10px 0px 0px; padding:0px; display: block; }
.djetavital-authordata-text h3 { margin:0 0 3px 0; padding:0px; color:#000000; font-weight:bold; font-size:15px; }
.djetavital-authordata-text ul { float:left; list-style-type:none; margin:0px; padding:0px; }
.djetavital-authordata-text ul li { margin:0; padding:0; width:350px; color:#000; font-size:12px; }
.djetavital-authordata-bottom { width:460px; height:10px; background-image:url(../images/author-article/bg-bottom-o-autoru.jpg); background-repeat:no-repeat; }
.djetavital-authordata-bottom-iefix { width:460px; height:10px; }
.djetavital-author-right { float:left; width:170px; margin:0px; padding:0 0 15px 0px; }
.djetavital-author-right-top { width:170px; padding:159px 0 10px 0px; background-image:url(../images/author-article/bg-author-right-top.jpg); background-repeat:no-repeat; text-align:center; }
.djetavital-author-right-top ul { float:left; list-style-type:none; margin:10px 0 0 0; padding:0px; }
.djetavital-author-right-top ul li { display:block; margin:0 0 3px 0; padding:0; width:170px; }
.djetavital-author-right-top ul li a { display:block; font-size:12px; color:#666666; }
.djetavital-author-right-top ul li a:hover { display:block; font-size:12px; color:#666666; }
.provider { font-size: 12px; color: #888; }
.provider a { color: #b0db6c; font-weight: bold; }
.right-banner-tool { width:161px; height:160px; margin: 20px 0 0 0px; padding:0px; }
.right-banner-tool a img { border:none; }
/* spol */
.spol { display:block; background-image:url(../images/spol-bg.gif); background-repeat:no-repeat; height:25px; width:95px; text-align: left; vertical-align: middle; margin:0 0 30px 0; padding:0px; font-size: 11px; color: #8c8c8c; position:relative; }
.spol .legend { display: block; margin-top: -15px; height: 18px; color: black; font-weight: bold; font-size: 10px; line-height: 20px; }
.tools_content .simple-form .spol label.spol-lb-z { position:absolute; width:50px; height:25px; display: block; top: 0px; }
.tools_content .simple-form .spol label.spol-lb-m { position:absolute; width:50px; height:25px; display: block; left: 50px; top: 0px; }
.spol-radio { float:left; margin:6px 0 0 22px; padding:0px; }
#lb-bmi { width: 350px; }
.bmi-holder { margin: 5px 45px; }
.popup-bmi { margin: 15px 0 0 0 !important; }
.popup-bmi h2 { float: left; margin-left: -2px; margin-right: 10px; color: #999; font-weight: normal; }
.popup-bmi .button { position: static !important; margin-bottom: 0px; padding-left: 76px; }
.popup-bmi #input_height,
.popup-bmi #input_weight { width: 45px !important; }
.popup-bmi .input { width: 70px !important; }
.subhelp { margin: -20px 0 0 0; color: #888; }
#lb_message { width: 350px; }
#fields-pisi-kravi { background:url(../images/pisi_kravi.jpg); background-position:top right; background-repeat:no-repeat; padding-top:15px; }
#fields-posalji-prijatelju { background:url(../images/krava_pismo.jpg); background-position:top right; background-repeat:no-repeat; margin-top:15px; padding-top:15px; }
#fields-posalji-prijatelju .text { background:#FFF; }
#posalji-prijatelju,
.green-box,
.red-box { display:block; }
.wrap { overflow:hidden; width:100%; }
l #ui-datepicker-div { z-index: 9999 }
#no-stored { margin-top: 30px; margin-left: 50px; background: url(../images/krava_rogovi.jpg) no-repeat; height: 205px; width: 219px; font-size: 30px; color: #9b9a96; padding: 60px 45px 0px 45px; text-align: center; }
.special { width: 630px; display: block; left: 20px; position: relative; }
.special h2 { width: 135px; height: 30px; color: #fff; text-align: center; line-height: 30px; font-size: 17px; }
.special h2 img { margin-right: 10px; }
.special h2.hrana { background: url(../images/listanje/recepti_back.jpg) no-repeat; }
.special h2.dijeta { background: url(../images/listanje/dijete_back.jpg) no-repeat; }
.special h2.fit { background: url(../images/listanje/vjezbe_back.jpg) no-repeat; }
.special h2.ljepota { background: url(../images/listanje/ljepota_back.png) no-repeat; }
.special .content { background: url(../images/listanje/pozadina_glavna.jpg) no-repeat; width: 591px; height: 70px; }
.special .content ul { padding: 10px 0 0 25px; }
.special .content li { list-style-type: none; margin: 0px; padding: 0px; float: left; width: 270px; display: none; }
.special .content li.show { display: block; }
.special .content li img { float: left; width: 60px; height: 40px; margin-right: 10px; }
.special .content h3 { font-size: 12px; font-weight: normal; }
.special .content h3 a:hover { text-decoration: underline; }
.special .content p { font-size: 11px; width: 190px; display: block; float: left; color: #000; padding-right: 10px; }
.special .bottom { background: url(../images/listanje/prikazi_sve.jpg) no-repeat; width: 84px; height: 25px; text-align: center; margin-left: 507px; }
.special .bottom a { color: #6d6e68; line-height: 25px; text-align: center; font-size: 12px; font-weight: bold; }
.special .bottom a:hover { text-decoration: underline; }
.special .prev-spec { position: absolute; top: 40px; left: 0px; background: url(../images/listanje/strel_lijevo.jpg) no-repeat; display: block; width: 37px; height: 37px; margin-left: -20px; }
.special .next-spec { position: absolute; top: 40px; right: 17px; background: url(../images/listanje/strel_desno.jpg) no-repeat; display: block; width: 37px; height: 37px; }
.back_link { font-size: 13px; font-weight: bold; }
.back_link:hover { text-decoration: underline; }
li.m0 { margin-top: 0px !important; }
.slim-text { display: block; width: 450px; float: left; }
.add-skyscraper { display: block; width: 160px; height: 600px; float: left; margin: 20px 0 0 16px; }
.add-skyscraper-inside { display: block; width: 160px; height: 600px; float: left; margin: 20px 0 0 0px; }
a.small-link { color: #52bf19; font-size: 12px; }
#left-back { position: absolute; top: 350px; left: -300px; background-color: #fff; }
#right-back { position: absolute; top: 350px; right: -300px; background-color: #fff; }
#comment-new { font-size: 12px; }
.box-content-holder img { border: 1px solid #666; }
.box-content-holder .text-picture { float: left; width: 175px; margin: 0 0 0 5px; }
.box-content-holder .text-picture p { float: left; width: 175px !important; }
.no_login { margin: 15px 20px 5px 20px; font-size: 14px; }
#pre_page_dc { position: relative; background: url(../images/dijetna-trazilica.png) no-repeat; width: 631px; height: 652px; display: block; }
#pre_page_cc { position: relative; background: url(../images/brojac-kalorija.png) no-repeat; width: 631px; height: 652px; display: block; }
#dc_intro { position: absolute; width: 260px; left: 20px; top: 440px; }
#dc_intro p { margin-bottom: 5px; }
#second_login { position: absolute; width: 260px; left: 340px; top: 505px; }
.custom_options { padding: 0 0 6px 0; margin: 8px 0 6px 0; border-bottom: #ccc 1px dashed; }
.custom_options li { list-style: none; padding: 0 0 0 25px; margin-bottom: 4px; line-height: 18px; background: transparent url(../images/icon-arrow-right.gif) top left no-repeat; }
/* reality */
.tc_left img.profil,
.tc_right img.profil { margin: 10px 0 0 0; }
.ines-ilicic { color: #f085a8; font-weight: bold; }
.boris-raseta { color: #5b7ebf; font-weight: bold; }
.hlthis li { margin-bottom: 10px; }
/*  voting css  */

div.voting-hbg h2 { color: #000000; float: left; font: 23px/36px Arial, Helvetica, sans-serif; margin: 0; padding: 0; width: 426px !important; }
li.voting { padding:0 !important; margin:3px 0 0 0 !important; }
li.voting .left,
li.voting .right { width: 350px; height:90px; float:left; margin:0; padding:10px 0; }
li.voting .right { width:280px; text-align:right; position:relative; background:#f4f4f4 }
li.voting .right p { margin: 0 87px 0 3px; }
li.voting .right img { float:right; margin:0 10px 0 10px }
li.voting .right .check { bottom: 0; position: absolute; right: 0; width: 100px; height: 25px; background: url(../images/voting/vote-curved.gif) no-repeat; }
li.voting .right .check label { color:white; display:block; float:left; margin:0; padding:0; position:absolute; top:6px; left:10px; }
li.voting .right .counter { position: absolute; bottom: 0; right: 0; width: 100px; height: 18px; background: url(../images/voting/vote-curved.gif) no-repeat; }
li.voting .right .counter { color:white; font-weight:bold; padding:7px 5px 0 0; }
li.voting .right .check input { margin:0; padding:0; position: absolute; top:6px; left:79px; }
button.voting { margin:20px 0 0 0; cursor:pointer; background-color: #FFFFFF; width: 181px; float: right; }
a.results { margin:20px 0 0 0; cursor:pointer; background-color: #FFFFFF; width: 181px; float: right; }
a.go-voting { margin:20px 0 0 0; cursor:pointer; background-color: #FFFFFF; width: 181px; float: right; }
li.voting-results { font-weight: bold; font-size:16px; color:#FF6600; text-align:center; }
.voting-hbg { background: url("../images/voting/voting-head.jpg") no-repeat scroll left bottom transparent; }
li.voting-login { font-weight: bold; font-size:16px; color:#FF6600; padding:0 0 20px; text-align:center; }
li.voting-tnx { font-weight: bold; font-size:16px; color:#52C11A; padding:0 0 20px; text-align:center; }
.dosje .navbar .voting a { display: inline !important; float: none !important; height: auto !important; width: auto !important; font-size: 11px; color:#52C019; margin:0; }
.articlelist .voting h2 a { color: #52C11A; line-height:16px; }
.tools_content .intro_desc { font-weight: bold; font-size: 14px; color: #999; text-align:left; line-height:14px; margin:0 0 25px 10px; }
.tools_content .intro img { padding: 0 10px 10px 0; }
.tools_content ul.stres_categories { list-style-type:none }
.tools_content .stres_categories li { display:block; width:450px; height:41px; clear:both; margin:0 0 1px 0; background:url(../images/alati/li-stres-back.jpg) -2px -2px no-repeat; }
.tools_content .stres_categories li div { padding:11px; display:block; width:30px; height:18px; float:left; background:url(../images/alati/check-back.jpg) 2px 2px no-repeat; }
.tools_content .stres_categories li input { margin:2px; padding:0 }
.tools_content .stres_categories li label { line-height:36px; font-weight: bold; }
.tools_content .preiod_data dl { font-weight: bold; font-size: 14px; color: #999; text-align:left; margin:0 0 25px 0; width:450px; height:130px; list-style-type:none; }
.tools_content .preiod_data dt { padding:10px 0; margin:0; background:none; cursor: normal; font-size: 14px; font-weight: bold; height: auto; line-height: normal; position: inherit; text-align: left; float:left; display:block; width:290px; }
.tools_content .preiod_data dd { display:block; padding:10px 0; margin:0; background:none; width:150px; float:left; }
.tools_content .preiod_data select { border: 1px solid #ccc; }
.tools_content .preiod_data select[name="day"] { width:50px; }
.tools_content .preiod_data select[name="month"] { width:80px; }
.tools_content .preiod_data select[name="year"] { width:60px; }
.tools_content .preiod_data input { border: 1px solid #ccc; width:30px }
.tools_content .ovul-results { display:none }
.tools_content .ovul-results ul { list-style-type:none; margin:0 0 25px 0 }
.tools_content .ovul-results li { display:block; width:451px; height:54px; margin:1px 0 0; background: url(../images/alati/ovul-back.jpg) left top no-repeat; font-size:13px; font-weight:bold; line-height:22px; clear:both; }
.tools_content .ovul-results li.ovul { background-position:left center; }
.tools_content .ovul-results li.baby { background-position:left bottom; }
.tools_content .ovul-results li strong { padding: 16px 0 0 23px; width: 160px; display:block; float:left; text-align: left; }
.tools_content .ovul-results li span { padding: 16px 0 0; display:block; float:left; }
.tools_content ul.alk_units { list-style-type:none; height:260px; margin:0 0 0 20px }
.tools_content .alk_units li { display:block; width:450px; height:41px; clear:both; margin:0; }
.tools_content .alk_units li div { padding:11px; display:block; width:100px; height:18px; float:left; color: #999999; font-size: 14px; font-weight: bold; line-height: 14px; }
.tools_content .alk_units li input { margin:0 0 2px; padding:2px; border:1px solid #ccc; width:90px; }
.tools_content .alk_units li label input { margin:0; padding:0x; border: none; width:auto; }
.alk_units .spol { margin:15px 0 10px 0; }
.alk_units .spol label.spol-lb-z { position:absolute; width:50px; height:25px; display: block; left: 25px; top: 7px; }
.alk_units .spol label.spol-lb-m { position:absolute; width:50px; height:25px; display: block; left: 75px; top: 7px; }
.alk_units .kolicina { margin: 15px 0 10px; width: 450px; }
.alk_units .kolicina label { display:block; margin: 0 0 5px -5px; }
.alk_units .kolicina label input[type=radio] { margin: 0 10px; }
.alk_units .kolicina div.legend { float: none; margin: 15px 0 10px; padding: 0; }
.tools_content .alk_units li img { padding: 55px 0 0 50px; }
.tools_content .button.left { float:left; padding:5px 0 0 25px }
.tools_content .alk_graph { display:none; }
.tools_content .alk_graph img { margin:20px 0; }
#boxad1 { position:relative; }
#kocka.rollwrap { height: auto; overflow: hidden; position: absolute; right: 0px; top: 0px; width: 300px; z-index: 99; }
.tools_content .form-risk.srce { float: left; margin-left: 30px; width: 220px; }
.tools_content .ad-zvijezda { float: right; width: 150px; height: 80px; }
.tools_content .ad-zvijezda a { display:block; width:144px; height:78px; background:url(../images/alati/zvijezda-alat-srce.jpg) no-repeat; text-indent:-2000px; }
/* Voting */
.single .voting-hbg {
    background: url("../images/voting/voting-head_png.png") no-repeat scroll left bottom transparent;
}

/* voting kruh godine */
.single .voting-hbg.voting-kruh-godine-2011-hbg {
<<<<<<< HEAD
    background: url("../images/voting/voting-kruh-godine-2011.jpg") no-repeat scroll left bottom transparent;
=======
   background: url(../images/voting/voting-kruh-godine-2011.jpg) left bottom !important;
>>>>>>> 7eb03a5491d6390c44b882d3f98c6d74869e0a38
}

.single div.voting-hbg h2 {
    width: 480px !important;
}

.single div.voting-hbg h2 span {
    color: #52C11A !important;
}

.single li.voting .check {
    background: url("../images/voting/vote-curved.gif") no-repeat scroll 0 0 transparent;
    bottom: 0;
    height: 25px;
    position: absolute;
    right: 0;
    width: 100px;
}

.single li.voting .left {
    float: left;
    height: 90px;
    margin: 0;
    padding: 10px 0;
    width: 630px;
    position:relative;
}

.single li.voting .check label {
    color: white;
    display: block;
    float: left;
    left: 10px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 6px;
}

.single li.voting .check input {
    left: 79px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 6px;
}

.single li.voting .left h2 {
    margin: 25px 0 8px;
}

.single li.voting .counter {
    color: white;
    font-weight: bold;
    padding: 7px 5px 0 0;
}

.single li.voting .counter {
    background: url("../images/voting/vote-curved.gif") no-repeat scroll 0 0 transparent;
    bottom: 0;
    height: 18px;
    position: absolute;
    right: 0;
    width: 100px;
    text-align: right;
}