/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a:focus { outline: none; }
a img { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
br { line-height: 14px; }
input, select, textarea { font: 11px Arial, Helvetica, sans-serif; color: #515151; }

a:link, a:visited, a:active { text-decoration: none; color: #e03985; }
a:hover { text-decoration: none; color: #aa3769; }

.header a:link, .header a:visited, .header a:active { text-decoration: none; color: #fad3e4; }
.header a:hover { text-decoration: none; color: #ffffff; }

.mainMenu li a:link, .mainMenu li a:visited, .mainMenu li a:active { text-decoration: none; color: #ffffff; }
.mainMenu li a:hover { text-decoration: none; color: #fad3e4; }

.boxHeading a:link, .boxHeading a:active, .boxHeading a:visited { color: #aa3769; }
.boxHeading a:hover { color: #e03985; background: #ffffff; }

a.linkGrey:link, a.linkGrey:visited, a.linkGrey:active { text-decoration: none; color: #515151; }
a.linkGrey:hover { text-decoration: none; color: #e03985; }

.latestArticles td a:link, .latestArticles td a:visited, .latestArticles td a:active { text-decoration: none; color: #515151; }
.latestArticles td a:hover { text-decoration: none; color: #e03985; }

.boxTab a:link, .boxTab a:visited, .boxTab a:active { text-decoration: none; color: #ffffff; }
.boxTab a:hover { text-decoration: none; color: #fad3e4; }


/* GLOBALS */
html, body { height: 100%; }
body { font: 12px Arial, Helvetica, sans-serif; line-height: 15px; color: #515151; }
.fullStretch { width: 100%; }
.topMargin1 { margin-top: 15px; }
.topMargin2 { margin-top: 25px; }
.topMargin3 { margin-top: 5px; }
.topMargin4 { margin-top: 9px; }
.bottomMargin1 { margin-bottom: 7px; }
.cijena { color: #f26a00; }
.small { font-size: 9px; }
.txtGrey { color: #515151; }

.textbox, textarea { background: url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #dadada; padding: 3px 5px; font: 11px Arial, Helvetica, sans-serif; margin: 0; }
.btn { background: url(img/btnBgnd.png) repeat-x left bottom; border: 1px solid #dadada; padding: 3px 10px 2px 10px; margin: 0; font-size: 11px; line-height: 11px; cursor: pointer; }

.topAdWrapper { height: 110px; background: url(img/topAdBgnd.gif) repeat-x left bottom; }
.topAd { width: 960px; height: 110px; margin: 0 auto; }
.topAd a { font-size: 11px; }
.topAd img { border: 1px solid #c7c7c7; margin-right: 20px; }
.topAdContainer { width: 870px; text-align: right; }

.master1 { min-height: 940px; padding: 15px 0 0 0; background: url(img/bgnd.jpg) repeat-x center top; }

.header { width: 920px; height: 80px; margin: 0 auto; }
.logoContainer { width: 165px; }
.headerMain { text-align: right; font-size: 11px; color: #eb68a4; }
.headerMain a { font-size: 11px; }
.headerMain img { vertical-align: middle; margin: 0 5px 0 0; }

.headerSearch { margin: 15px 0 0 auto; }
.skins { margin: 0 0 0 auto; padding: 0; }
.skins td img { padding: 4px; }
.skins td.active img { border: 1px solid #c7c7c7; padding: 3px;}

.searchWrapper { width: 300px; background: url(img/searchBgnd.png) no-repeat 0 0; margin-left: 30px; text-align: left; }
.search { width: 220px; height: 35px; background: url(img/searchboxBgnd.gif) no-repeat 0 0; margin: 0 10px 6px 10px; }
.searchbox { width: 170px; height: 15px; margin: 0 5px; border: none; background: none; padding: 0; }
.searchbtn { margin-right: 16px; }

.menuMainWrapper { width: 960px; height: 39px; margin: 10px auto 0 auto; background: url(img/menuMainBgnd.png) no-repeat 0 0; }
.mainMenu { margin: 0; padding: 12px 0 0 25px; list-style: none; }
.mainMenu li { display: inline; text-transform: uppercase; font-weight: bold; margin-right: 25px; }
.mainMenu li.last { margin: 0; }
.mainMenu li img { margin-left: 5px; }

.middleTop { width: 992px; height: 15px; margin: 0 auto; background: url(img/middleTopBgnd.png) no-repeat 0 0; }
.middleWrapper { width: 992px; margin: 0 auto; padding: 0 0 0 0; background: url(img/middleBgnd.png) repeat-y 0 0; }
.middleBottom  { width: 992px; height: 50px; margin: 0 auto; background: url(img/middleBottomBgnd.png) no-repeat 0 0; }

.topNewsWrapper { width: 960px; height: 215px; margin: 0 auto; background:url(img/topNewsBgnd.gif) no-repeat left bottom; }
.topNews { width: 920px; margin: 0 auto; }
.topNewsContainer { width: 590px; }
.topStory { width: 100%; }
.topStoryPic { width: 255px; }
.topStoryPic img { border: 7px solid #f8d2e3; }
.topStoryCat { width: 235px; float: left; font-size: 10px; margin-bottom: 8px; line-height: 13px; }
.topStoryTime { width: 100px; float: left; font-size: 10px; text-align: right; margin-bottom: 8px; }
.topStory h1, h2 { font-size: 17px; font-weight: bold; line-height: 19px; }
.topStory p { margin: 7px 0; line-height: 17px; }
.topStoryTags { width: 295px; float: left; font-size: 9px; line-height: 13px; }
.topStoryComments { width: 40px; float: left; text-align: right; }
.topStoryComments span { width: 28px; height: 25px; margin: 0 0 0 auto; display: block; background: url(img/iconComment.png) no-repeat 0 0; text-align: center; font-size: 10px; padding-top: 2px; }

.topStoriesNav { padding-left: 30px; }
.topStoryNavItem { padding: 2px 0 8px 0; }
.topStoryNavItem table { width: 100%; margin: 0; padding: 0; }
.topStoryNavItem td { font-size: 11px; line-height: 15px; color: #e03985; }
.topStoryNavItem td.arrow  { width: 20px; text-align: left; vertical-align: middle; }

.thn { margin: 0 10px 0 0; padding: 1px; width: 50px; height: 35px; border: 1px solid #c7c7c7; overflow: hidden; background: #ffffff;}
.thn2 { margin: 0 10px 0 0; padding: 1px; width: 50px; height: 50px; border: 1px solid #c7c7c7; overflow: hidden; background: #ffffff;}
.thn3 { margin: 0 10px 0 0; padding: 1px; width: 30px; height: 30px; border: 1px solid #c7c7c7; overflow: hidden; background: #ffffff;}
.thn4 { margin: 0 auto; padding: 1px; width: 80px; height: 55px; border: 1px solid #c7c7c7; overflow: hidden; background: #ffffff;}
.thn5 { margin: 0; padding: 0; width: 100px; height: 75px; border: 1px solid #c7c7c7; overflow: hidden; padding: 1px; background: #ffffff;}
.thn6 { margin: 0 auto 3px auto; padding: 1px; width: 80px; height: 80px; border: 1px solid #c7c7c7; overflow: hidden; background: #ffffff;}

.mainWrapper { width: 920px; margin: 0 auto; padding-top: 15px; }
.main { width: 590px; vertical-align: top; }
.right { padding-left: 30px; vertical-align: top; }

.indexBoxContainer { width: 275px; vertical-align: top; }
.boxHeading { font-size: 15px; color: #aa3769; font-weight: bold; background: url(img/boxHeadingBgnd.gif) repeat-x left bottom; margin: 0 0 5px 0; padding: 0; }
.boxHeading a, .boxHeading span { background: #ffffff; padding: 0 10px 0 0; margin: 0; line-height: 18px; }
.boxHeading span { color: #515151; }
.boxHeadingLinks { width: 170px; text-align: right; font-size: 11px; padding: 0 0 5px 0; }
.boxHeadingLinks span { padding: 0; }
.boxItem { margin: 8px 0; height: 45px; }
.boxItem td { font-size: 11px; }
.boxItem span { color: #808080; font-size: 9px; }
.boxItem2 { margin: 9px 0; height: 32px; }
.boxItem2 td { font-size: 11px; }
.boxItem2 span { color: #808080; font-size: 9px; }
.boxItemStatus { width: 35px; text-align: right; }
.boxDivider { height: 1px; background: #dadada; overflow:hidden; }

.latestArticles { width: 100%; }
.latestArticles td { border-bottom: 1px solid #dadada; padding: 6px 15px; font-size: 11px; background: url(img/bulletDot.png) no-repeat 0 12px; vertical-align:top; }

.indexBoxTripleContainer { width: 175px; vertical-align: top; }
.indexBoxTriple { margin-top: 5px; height: 55px; }
.indexBoxTriple th { width: 60px; }
.indexBoxTriple td { font-size: 11px; }
.indexBoxTriple td img { margin: 3px 0; }

.boxWebshop { width: 100%; height: 140px; background: url(img/wehbshopBgnd.gif) no-repeat left bottom; }
.boxWebshop2 { width: 100%; height: 280px; background: url(img/wehbshopBgnd.gif) no-repeat left bottom; }
.boxRecenzije { width: 100%; height: 140px; background: url(img/recenzijeBgnd.gif) no-repeat left bottom; }
.indexProductsContainer { width: 543px; overflow: hidden; }
.indexProductsWrapper { width: 543px; height: 115px; overflow: hidden; }
.indexProductsWrapper2 { width: 543px; height: 250px; overflow: hidden; }
.indexProductsContainer .indexProduct { width: 135px; text-align: center; font-size: 11px; float: left; overflow: hidden; }
.indexProductsContainer .indexProduct img { margin: 5px 0; }
.indexProductsContainer .divider { width: 1px; height: 115px; background: #dadada; float: left; }
.indexProductsContainer .rowDivider { width: 100%; height: 20px; float: left; }

.rightAd img { border: 1px solid #dadada; }

.boxRightHeading { background: url(img/boxRightHeadingBgnd.gif) repeat-x left bottom; overflow: hidden; }
.boxRightBody1 { background: url(img/boxRightBgnd1.gif) repeat-x left bottom; border: 1px solid #dadada; border-top: none; padding: 12px; font-size: 11px; }
.boxRightFooter { border-top: 1px solid #dadada; padding-top: 8px; }
.boxRightTabs { width: 100%; }
.boxTab { height: 27px; background: url(img/boxTabBgnd.gif) no-repeat left top; padding-left: 10px; }
.boxTab p { height: 21px; background: url(img/boxTabBgnd.gif) no-repeat right top; padding: 6px 10px 0 0; font-size: 11px; font-weight: bold; text-align: center; margin: 0; }
.boxTabActive { height: 27px; background: url(img/boxTabActiveBgnd.gif) no-repeat left top; padding-left: 10px; }
.boxTabActive p { height: 21px; background: url(img/boxTabActiveBgnd.gif) no-repeat right top; padding: 6px 10px 0 0; font-size: 11px; font-weight: bold; text-align: center; margin: 0; }
.tab2 { width: 50%; }
.tab2 img { vertical-align: middle; margin: 0 5px 0 0; }
.tab3 { width: 33%; }

.indexVideo { width: 100%; }
.indexVideo td { width: 33%; text-align: center; }
.indexVideo td span { font-size: 9px; line-height: 12px; margin-top: 4px; }

.tagsWrapper { text-align: center; }

.footer { width: 920px; margin: 0 auto; }
.footer td { font-size: 11px; }
.footerMain { width: 590px; vertical-align: top; padding: 0 0 25px 0; }
.footerLinks { margin: 7px 0; color: #c2c1c1; }
.footerLinks img { margin-right: 5px; } 
.footerRight { padding: 0 0 25px 30px; vertical-align: top; } 
.footerSocial img { margin-right: 15px; }

.contactUs { width: 100%; }
.contactUs th { color: #a8a8a8; text-align: left; font-weight: normal; padding-right: 20px; vertical-align: top; }
.contactUs th div { font-size: 15px; font-weight: bold; line-height: 18px; }
.contactUs textarea { width: 350px; height: 70px; margin-bottom: 5px; }

.catTitle { width: 100%; height: 35px; background: url(img/catTitleBgnd.gif) no-repeat 0 0; }
.catTitle th { margin: 0; padding: 0; text-align: left; }
.catTitle th h1, h2 { font: 15px Arial, Helvetica, sans-serif; font-weight: bold; color: #808080; padding: 0 10px; line-height: 18px; }
.catTitle td { width: auto; text-align: right; }
.catTitle td img { margin-right: 10px; }
.catTitle td input { margin-right: 15px; }

.catNavStatus { width: 100%; margin: 10px 0 0 0; }
.catNavStatus th, .catNavStatus td { font-size: 10px; color: #808080; }
.catNavStatus th { text-align: left; font-weight: normal; }
.catNavStatus td { width: 250px; text-align: right; }

.pageTitle h1 { margin: 15px 0 0 0; padding: 0; font-size: 23px; font-weight: normal; line-height: 24px; }
.pageContent { margin: 20px 0 0 0; line-height: 17px; }
.pageContent p { margin: 0 0 15px 0; }
.pageContent td p { margin: 0; }

.pageGalleryWrapper { width: 280px; height: 270px; float: left; }
.pageMainPicWrapper img { border: 7px solid #f8d2e3; }
.pageGallery { width: 264px; height: 51px; border: 1px solid #eed7e1; margin: 7px 0 0 0; }
.pageGalleryThumbs a { border: 1px solid #c7c7c7; width: 52px; height: 37px; display: block; float: left; margin: 0 2px; }
.pageGalleryThumbs img { border: 1px solid #ffffff; }

.pageTags { margin: 15px 0 0 0; padding: 12px 0 0 0; background: url(img/dots_horizontal.gif) repeat-x 0 0; }
.pageTags p { font-size: 11px; margin: 0 0 10px 0; }
.pageTags div input { vertical-align: middle; }
.addTagBox { width: 475px; margin: 0 10px 0 0; }

.addCommentFormWrapper { margin: 12px 0 5px 0; padding: 0 0 15px 0; background: url(img/dots_horizontal.gif) repeat-x left bottom; }
.addCommentFormWrapper textarea { width: 575px; height: 80px; margin: 0 0 8px 0; }
.commentWrapper { width: 100%; margin: 10px 0 0 0; }
.commentWrapper th { vertical-align: top; }
.commentWrapper th div { margin: 5px 0 0 0; }
.commentWrapper td { width: 542px; vertical-align: top; }
.comment { background: url(img/commentBgnd.png) no-repeat 0 0; padding: 8px 20px 0 30px; line-height: 17px; font-size: 11px; color: #808080; }
.commentBottom { background: url(img/commentBgnd.png) no-repeat left bottom; height: 8px; }

.subCatsWrapper { padding: 12px 0; background: url(img/dots_horizontal.gif) repeat-x left bottom; }
.subCats { margin: 0; padding: 0; list-style: none; }
.subCats li { display: inline; background: url(img/subCatsDivider.png) no-repeat 0 0; padding: 0 10px 0 13px; font-weight: bold; }
.subCats .first { background: none; }

.topCatStoryContainer { background: url(img/topCatStoryBgnd.gif) no-repeat left bottom; padding: 20px 20px 15px 20px; }
.topCatStoryContainer .topStory { width: 100%; }
.topCatStoryContainer .topStoryPic { width: 255px; }
.topCatStoryContainer .topStoryPic img { border: 7px solid #f8d2e3; }
.topCatStoryContainer .topStoryCat { width: 235px; float: left; font-size: 10px; margin-bottom: 8px; line-height: 13px; }
.topCatStoryContainer .topStoryTime { width: 50px; float: left; font-size: 10px; text-align: right; margin-bottom: 8px; }
.topCatStoryContainer .topStory h1, h2, h3 { font-size: 17px; font-weight: bold; line-height: 19px; }
.topCatStoryContainer .topStory p { margin: 7px 0; line-height: 17px; }
.topCatStoryContainer .topStoryTags { width: 245px; float: left; font-size: 9px; line-height: 13px; }
.topCatStoryContainer .topStoryComments { width: 40px; float: left; text-align: right; }
.topCatStoryContainer .topStoryComments span { width: 28px; height: 25px; margin: 0 0 0 auto; display: block; background: url(img/iconComment.png) no-repeat 0 0; text-align: center; font-size: 10px; padding-top: 2px; }

.catArticleWrapper { background: url(img/catArticleBgnd.gif) repeat-x left bottom; border: 1px solid #dadada; padding: 5px 15px 5px 15px; }
.catArticle { width: 100%; height: 85px; }
.catArticle th { width: 115px; text-align: left; }
.catArticle td { font-size: 11px; padding: 5px 0 0 0; }
.catArticleTitle { height: 55px; }
.catArticleTime { width: 85px; font-size: 9px; color: #808080; float: left; padding: 5px 0 0 0; }
.catArchiveWrapper { background: url(img/boxRightBgnd1.gif) repeat-x left bottom; border: 1px solid #dadada; font-size: 11px; font-weight: bold; padding: 5px 15px; }

.tablica th { text-align: left; }
.tablica th, .tablica td { padding: 5px 7px; }
.tablica thead th { background: #dedede; }
.tablica tbody th, .tablica tbody td { font-size: 11px; }
.tablica tbody th, .tablica tbody td { background: url(img/tablicaBgnd.gif) repeat-x left bottom; }

.formWrapper { background: url(img/boxRightBgnd1.gif) repeat-x left bottom; border: 1px solid #dadada; padding: 10px 20px; }
.forma th { text-align: right; font-weight: normal; padding: 8px 7px 0 0; }
.forma th, .forma td { vertical-align: top; }
.forma td { padding: 4px 0 4px 7px; }

.galerija { width: 100%; }
.galerija td span { font-size: 9px; color: #808080; }
.galerijaItem { width: 32%; text-align: center; border: 1px solid #dadada; padding: 10px 5px 8px 5px; font-size: 11px; background: url(img/boxRightBgnd1.gif) repeat-x left bottom; }
.galerijaDivider { height: 10px; }

.modalWrapper1 { width: 100%; height: 100%; background: url(img/bgnd.jpg) repeat-x center top; }
.modalWrapper1 td { padding: 20px; }
.modalContainer { height: 460px; background: url(img/modalBgnd.png) repeat; }
.modal { padding: 20px 20px; overflow: auto; }
.modalTitle { margin: 0 0 15px 0; padding: 0 0 15px 0; font-size: 23px; font-weight: normal; background: url(img/dots_horizontal.gif) repeat-x left bottom; }
.modalPageContent { height: 375px; overflow: auto; line-height: 17px; }
.modalPageContent p { margin: 0 0 15px 0; }

.rubrikaMenuWrapper { background: url(img/catArticleBgnd.gif) repeat-x left bottom; border: 1px solid #dadada; padding: 12px 15px; margin: 10px 0 0 0; }
.rubrikaMenu { width: 100%; }
.rubrikaMenu select { background: #ffffff; border: 1px solid #c7c7c7; padding: 2px; font: 11px Arial, Helvetica, sans-serif; margin: 0; width: 260px; }
.rubrikaMenu select.active { background: #ffffff; border: 1px solid #c7c7c7; padding: 2px; font: 11px Arial, Helvetica, sans-serif; margin: 0; width: 260px; color: #e03985; }
.rubrikaMenu select option { color: #515151; }
.rubrikaMenu select option.active { color: #e03985; }

.mainPathWrapper { width: 920px; margin: 0 auto ; background: url(img/dots_horizontal.gif) repeat-x left bottom; padding: 0 0 10px 0; }
.mainPathWrapper div { padding: 0 3px; color: #808080; }