/* GLOBALS */
html, body { height: 100%; }
body { margin: 0; padding: 0; }
p, div, td { font: 12px "Trebuchet MS", Arial, sans-serif; color: #4d4d4d; line-height: 16px; margin: 0; padding: 0; }
input, select, textarea { font: 11px "Trebuchet MS", Arial, sans-serif; color: #4d4d4d; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-weight: normal; }
form { margin: 0; }

a img { border: none; }

.txtPurple { color: #6a0d7f; }
.picBorder { border: 1px solid #a6a6a6; }

ul.inline, ul.linkList, ul.linkList2 { margin: 0; padding: 0; list-style-type: none; }
ul.inline li { display: inline; }

ul.news { margin: 13px 0 0 0; padding: 0; list-style-type: none; }
ul.news li { background: url(img/strip1.gif) no-repeat 0 0; font: 11px Arial, Helvetica, sans-serif; position: relative; padding: 3px 10px; margin: 10px 0 0 0; }
ul.news li a { font-size: 12px; }
ul.news li span { position: absolute; right: 0px; padding: 1px 8px 0 0; }

ul.newsRight { margin: 13px 0 0 0; padding: 0; list-style-type: none; }
ul.newsRight li { background: url(img/strip2.gif) no-repeat 0 0; font: 11px Arial, Helvetica, sans-serif; position: relative; padding: 3px 10px; margin: 10px 0 0 0; }
ul.newsRight li a { font-size: 12px; }
ul.newsRight li span { position: absolute; right: 0px; padding: 1px 8px 0 0; }

ul.footerLeftLinks { margin: 0; padding: 0; list-style-type: none; }
ul.footerLeftLinks li { padding: 4px 0; }
ul.footerLeftLinks li img { vertical-align: middle; margin: 0 8px 0 0; }


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(img/textboxBgnd.gif) repeat-x 0 0; border: 1px solid #a6a6a6; padding: 2px 4px; }
.searchbox { width: 232px; margin: 0 13px 0 0; }
.loginbox { width: 120px; }
select { background: url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #a6a6a6; padding: 2px; }
.btn { background: #fff url(img/btnBgnd.gif) repeat-x left bottom; border: 1px solid #a6a6a6; padding: 1px 10px; font-size: 10px; text-transform: uppercase; cursor: pointer; }
.searchbtn { margin: 3px 0 0 0; }


/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }
a:focus { outline: none; }

a:link, a:active, a:visited { color: #4d4d4d; }
a:hover { color: #6a0d7f; }

.menu a:link, .menu a:active, .menu a:visited, .menu a:hover { color: #ffffff; }

.userBoxTabs a:link, .userBoxTabs a:active, .userBoxTabs a:visited, .userBoxTabs a:hover { color: #4d4d4d; }

a.linkBulleted:link, a.linkBulleted:active, a.linkBulleted:visited, a.linkBulleted:hover { color: #6a0d7f; font: 11px Arial, Helvetica, sans-serif; }

.pageBody a:link, .pageBody a:active, .pageBody a:visited { color: #6a0d7f; text-decoration: underline; }
.pageBody a:hover { color: #6a0d7f; text-decoration: underline; }

.footer a:link, .footer a:active, .footer a:visited { color: #000000; }
.footer a:hover { color: #4d4d4d; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.marginTop { margin: 10px 0 0 0; }
.marginTop2 { margin: 18px 0 0 0; }
.marginTop3 { margin: 30px 0 0 0; }

.wrapper { background: #ffffff; padding: 12px 0 15px 0; }

.header { width: 100%; margin: 0 auto 10px auto; }
.header td img { vertical-align: top; }
.bannerTop { width: 760px; text-align: right; }

.middle { width: 100%; margin: 0 auto; }
.main { vertical-align: top; }
.right { width: 375px; vertical-align: top; }
.rightWrapper { padding: 0 0 0 10px; }

.menu { width: 100%; background: url(img/menuBgnd.gif) no-repeat 0 0; height: 30px; }
.menu td { font: 17px "Trebuchet MS", Arial, sans-serif; text-align: center; }

.menu .cell6 { width: 102px; }
.menu .cell7 { width: 69px; }
.menu .cell8 { width: 77px; }
.menu .cell9 { width: 80px; }
.menu .cell10 { width: 44px; }
.menu .cell11 { width: 62px; }
.menu .cell12 { width: 75px; }
.menu .cell13 { width: 76px; }

.menu .cell57active { background: url(img/menuBgndActive.gif) no-repeat 0 26px; }
.menu .cell6active { background: url(img/menuBgndActive.gif) no-repeat 0 26px; }
.menu .cell7active { background: url(img/menuBgndActive.gif) no-repeat -102px 26px; }
.menu .cell8active { background: url(img/menuBgndActive.gif) no-repeat -171px 26px; }
.menu .cell9active { background: url(img/menuBgndActive.gif) no-repeat -248px 26px; }
.menu .cell10active { background: url(img/menuBgndActive.gif) no-repeat -328px 26px; }
.menu .cell11active { background: url(img/menuBgndActive.gif) no-repeat -372px 26px; }
.menu .cell12active { background: url(img/menuBgndActive.gif) no-repeat -434px 26px; }
.menu .cell13active { background: url(img/menuBgndActive.gif) no-repeat -509px 26px; }

.catTop57 { background: url(img/naslovnaBgnd.gif) no-repeat 0 0; }
.catTop6 { background: url(img/naslovnaBgnd.gif) no-repeat 0 0; }
.catTop7 { background: url(img/obiteljBgnd.gif) no-repeat 0 0; }
.catTop8 { background: url(img/karijeraBgnd.gif) no-repeat 0 0; }
.catTop9 { background: url(img/zdravljeBgnd.gif) no-repeat 0 0; }
.catTop10 { background: url(img/stilBgnd.gif) no-repeat 0 0; }
.catTop11 { background: url(img/modaBgnd.gif) no-repeat 0 0; }
.catTop12{ background: url(img/zabavaBgnd.gif) no-repeat 0 0; }
.catTop13 { background: #ffffff url(img/novostiBgnd.gif) no-repeat 0 0; }

.catTop { width: 100%; }
.catTopMainArticle { width: 280px; vertical-align: top; }
.catTopMainArticle img { border: 1px solid #ffffff; margin: 0 0 8px 0; }
.catTopMainArticle h1 { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 5px 0; }
.catTopArticles { vertical-align: top; }
.catTopArticles table { width: 100%; }
.catTopArticles table th { width: 105px; }
.catTopArticles table th, .catTopArticles table td { vertical-align: top; }
.catTopArticles table th img { border: 1px solid #ffffff; margin: 0 8px 0 0; }
.catTopArticles table td a { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; }
.catTopArticles table td div { padding: 3px 0 0 0; font-size: 12px; line-height: 15px; }
.catTopArticles table .paddingBottom { padding: 0 0 12px 0; }

.catNewsWrapper { width: 100%; }
.catNewsContainer { vertical-align: top; width: 287px; }
.catNewsContainer2 { vertical-align: top; width: 580px; }
.catNewsTitle { padding: 3px 10px; text-transform: uppercase; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; }
.catNewsBody { padding: 5px 0 12px 0; line-height: 18px; }
.catNewsBody div { float: left; margin: 0 10px 2px 0; border: 1px solid #dfdfdf; padding: 4px 4px 8px 4px; }
.catNewsBody h2 { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; margin: 3px 0 8px 0;  }

.novostiWrapper { padding: 10px; }
.novostiTitle { padding: 3px 10px; text-transform: uppercase; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; background: url(img/strip_novosti.gif) no-repeat 0 0; }
.novostiNewsBody { padding: 5px 10px 15px 10px; line-height: 18px; }
.novostiNewsBody h2 { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; margin: 2px 0 5px 0;  }

.stil { background: url(img/strip_stil.gif) no-repeat 0 0; }
.obitelj { background: url(img/strip_obitelj.gif) no-repeat 0 0; }
.karijera { background: url(img/strip_karijera.gif) no-repeat 0 0; }
.zdravlje { background: url(img/strip_zdravlje.gif) no-repeat 0 0; }
.moda { background: url(img/strip_moda.gif) no-repeat 0 0; }
.zabava { background: url(img/strip_zabava.gif) no-repeat 0 0; }
.novosti { background: url(img/strip_novosti.gif) no-repeat 0 0; }

.userBoxTabs { margin: 0 0 0 auto; }
.userBoxTabs td { width: 100px; height: 30px; background: url(img/tab.gif) no-repeat 0 0; font: 15px "Trebuchet MS", Arial, sans-serif; font-weight: bold; }
.userBoxTabs td a { margin: 0 0 0 10px; }
.userBoxTabs td.active { background: url(img/tab_active.gif) no-repeat 0 0; }
.userBoxPrijava { background: url(img/loginBgnd.gif) no-repeat 0 0; height: 90px; }
.userBoxPrijava table { margin: 6px 8px 0 auto; }

.newsWrapper { margin: 15px 0 0 0; }
.linkBulletedWrapper { padding: 8px 8px 0 0; text-align: right; }

.pathWrapper { margin: 30px 0 0 0; padding: 0 0 0 35px; background: url(img/bullet_star1.gif) no-repeat 10px 0; font: 14px Arial, Helvetica, sans-serif; }
ul.path li a { text-decoration: underline; }

.search { background: url(img/searchBgnd.gif) no-repeat 0 0; height: 30px; margin: 10px 0 0 0; }
.search table { margin: 0 0 0 auto; }

.boxTitle { font: 14px Arial, Helvetica, sans-serif; color: #6a0d7f; background: url(img/bullet_star1.gif) no-repeat 10px 0; padding: 0 0 0 32px; }
.boxTitle2 { font: 14px Arial, Helvetica, sans-serif; color: #6a0d7f; background: url(img/bullet_star2.gif) no-repeat 10px 0; padding: 0 0 8px 32px; }
.boxRight { width: 100%; margin: 20px 0 0 0; }
.boxRight div table td { font: 12px Arial, Helvetica, sans-serif; line-height: 18px; }
.boxRight .top { background: url(img/strip2.gif) no-repeat 0 0; height: 10px; line-height: 5px; }
.boxRight .bottom { background: url(img/strip2.gif) no-repeat left bottom; height: 5px; line-height: 1px; }
.boxRight .main { background: #e3e7ed; padding: 0 0px; }

.boxRight2 { margin: 20px 0 0 0; }
.boxRight2 .main { background: url(img/box2Bgnd.gif) no-repeat 0 0; }
.knjiga { height: 103px; }
.knjiga td div { font: 12px Arial, Helvetica, sans-serif; }
.knjiga img { margin: 0 5px; border: 1px solid #a6a6a6; }
.knjigaData { margin: 10px 0 0 0; }
.knjigaData a { font-size: 14px; font-weight: bold; }

.article { width: 100%; }
.article th { vertical-align: top; width: 370px; }
.article th img { border: 1px solid #ffffff; margin: 0 12px 0 0; }
.articleInfo { vertical-align: top; }
.articleInfo table td { padding: 5px 8px 5px 0; }
.articleInfo td, .articleInfo div { font: 12px Arial, Helvetica, sans-serif; line-height: 18px; }
.articleInfo a { font-weight: bold; }
.articleInfoAbout { margin: 20px 0; }
.articleInfoIcons img { margin: 0 20px 0 0; }

.pageContentWrapper { background: #ffffff; padding: 5px 12px 15px 12px; }
.pageContent { width: 100%; }
.pageTitle h1 { font: 24px Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 0 15px 0; }
.pageShortText { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 0 15px 0; line-height: 18px; }
.pageBody p, .pageBody span, .pageBody div { line-height: 18px; }
.pageBody p { margin: 15px 0; }

.footer { width: 960px; background: #ffffff; margin: 0 auto; padding: 0; }
.footer * { font: 11px Arial, Helvetica, sans-serif; color: #000000; }
.footerLeft { width: 195px; }
.footerLogo { width: 200px; }
.footerMain { padding: 0 0 0 25px; }
.footerMain div { margin: 15px 0; }
.footerMain a { font-weight: bold; }


/* MENU */
.menu1 td a { padding: 0 20px; }
.subMenuContainer { position: absolute; visibility: hidden; z-index: 500; padding-top: 4px; margin-left: -9px; overflow: hidden; }
.subMenuDrop { width: 160px; -moz-opacity: .98; filter: alpha(opacity=98); border-top: none; }
.subMenuDrop7 { background: #2f8dec; border: 1px solid #2f8dec; }
.subMenuDrop8 { background: #ecbe00; border: 1px solid #ecbe00; }
.subMenuDrop9 { background: #90ae53; border: 1px solid #90ae53; }
.subMenuDrop10 { background: #8b5de9; border: 1px solid #8b5de9; }
.subMenuDrop11 { background: #bc0000; border: 1px solid #bc0000; }
.subMenuDrop12 { background: #ea5e00; border: 1px solid #ea5e00; }
.subMenuDrop13 { background: #989899; border: 1px solid #989899; }
.subMenuDrop td { padding: 0; }
ul.subMenuLinklist { list-style-type: none; margin: 8px 0; padding: 0; }
ul.subMenuLinklist li { text-align: left; margin: 0; padding: 0; white-space: nowrap; font: 13px Arial, Helvetica, sans-serif; font-weight: bold; }

ul.subMenuLinklist li a:link { display: block; width: 160px; height: 15px; padding: 4px 9px; color: #ffffff; }
ul.subMenuLinklist li a:active {  display: block; width: 160px; height: 15px; padding: 4px 9px; color: #ffffff; }
ul.subMenuLinklist li a:visited {  display: block; width: 160px; height: 15px; padding: 4px 9px; color: #ffffff; }
ul.subMenuLinklist li a:hover { display: block; padding: 4px 9px; background: #ffffff; color: #000000; text-decoration: none; }