/*-------------------------------------- MAPA WEBA -------------------------------------- */ #mapaWrapper { padding: 0 0 0 0; margin: 0; width: auto; } #mapa #content #mapaWrapper div { clear: both; display: inline-block; margin: 0; padding: 0; } #mapa #content #mapaWrapper ul { margin: 0 10px 0 0; padding: 0; float: left; width: 150px; } #mapa #content #mapaWrapper li { padding: 0 0 0 10px; margin: 0; background: transparent url(../images/content-list.gif) no-repeat left 8px; } #mapa #content #mapaWrapper li.naslov { font-size: 15px; font-weight: bold; margin: 15px 0; padding: 25px 0 0 0; background: none; } #mapa #content #mapaWrapper li.podnaslov { font-size: 12px; font-weight: bold; margin: 10px 0 5px 0; padding: 0; background: none; }#mapa #content #mapaWrapper li.subList2 { padding: 0 0 0 10px; margin: 0 0 0 10px; background: transparent url(../images/content-list.gif) no-repeat left 8px; } #mapa #content #mapaWrapper li.mapaBasic { padding: 0; background: none; margin-left: 0;} /*-------------------------------------- IKONE -------------------------------------- */ #content #pressMaterijali li { background: none; display: block; line-height: 20px; } #content #pressMaterijali a { display: block; float: left; clear: both; padding: 0 0 0 40px; line-height: 20px; margin-right: 5px !important; margin-right: 1px; } #content #pressMaterijali a.jpg { background: transparent url(../images/ikone/jpg.gif) no-repeat left center;} #content #pressMaterijali a.jpeg { background: transparent url(../images/ikone/jpeg.gif) no-repeat left center;} #content #pressMaterijali a.gif { background: transparent url(../images/ikone/gif.gif) no-repeat left center;} #content #pressMaterijali a.tif { background: transparent url(../images/ikone/tif.gif) no-repeat left center;} #content #pressMaterijali a.tiff { background: transparent url(../images/ikone/tiff.gif) no-repeat left center;} #content #pressMaterijali a.png { background: transparent url(../images/ikone/png.gif) no-repeat left center;} #content #pressMaterijali a.bmp { background: transparent url(../images/ikone/bmp.gif) no-repeat left center;} #content #pressMaterijali a.psd { background: transparent url(../images/ikone/psd.gif) no-repeat left center;} #content #pressMaterijali a.cdr { background: transparent url(../images/ikone/cdr.gif) no-repeat left center;} #content #pressMaterijali a.ai { background: transparent url(../images/ikone/ai.gif) no-repeat left center;} #content #pressMaterijali a.eps { background: transparent url(../images/ikone/eps.gif) no-repeat left center;} #content #pressMaterijali a.xls { background: transparent url(../images/ikone/xls.gif) no-repeat left center;} #content #pressMaterijali a.doc { background: transparent url(../images/ikone/doc.gif) no-repeat left center;} #content #pressMaterijali a.rtf { background: transparent url(../images/ikone/rtf.gif) no-repeat left center;} #content #pressMaterijali a.pdf { background: transparent url(../images/ikone/pdf.gif) no-repeat left center;} #content #pressMaterijali a.ppt { background: transparent url(../images/ikone/ppt.gif) no-repeat left center;} #content #pressMaterijali a.pps { background: transparent url(../images/ikone/pps.gif) no-repeat left center;} #content #pressMaterijali a.avi { background: transparent url(../images/ikone/avi.gif) no-repeat left center;} #content #pressMaterijali a.mpeg { background: transparent url(../images/ikone/mpeg.gif) no-repeat left center;} #content #pressMaterijali a.mpg { background: transparent url(../images/ikone/mpg.gif) no-repeat left center;} #content #pressMaterijali a.wmv { background: transparent url(../images/ikone/wmv.gif) no-repeat left center;} #content #pressMaterijali a.flv { background: transparent url(../images/ikone/flv.gif) no-repeat left center;} #content #pressMaterijali a.swf { background: transparent url(../images/ikone/swf.gif) no-repeat left center;} #content #pressMaterijali a.mp4 { background: transparent url(../images/ikone/mp4.gif) no-repeat left center;} #content #pressMaterijali a.mov { background: transparent url(../images/ikone/mov.gif) no-repeat left center;} #content #pressMaterijali a.rm { background: transparent url(../images/ikone/rm.gif) no-repeat left center;} #content #pressMaterijali a.mp3 { background: transparent url(../images/ikone/mp3.gif) no-repeat left center;} #content #pressMaterijali a.wma { background: transparent url(../images/ikone/wma.gif) no-repeat left center;} #content #pressMaterijali a.qt { background: transparent url(../images/ikone/qt.gif) no-repeat left center;} #content #pressMaterijali a.ra { background: transparent url(../images/ikone/ra.gif) no-repeat left center;} #content #pressMaterijali a.ram { background: transparent url(../images/ikone/ram.gif) no-repeat left center;} #content #pressMaterijali a.wav { background: transparent url(../images/ikone/wav.gif) no-repeat left center;} #content #pressMaterijali a.zip { background: transparent url(../images/ikone/zip.gif) no-repeat left center;} #content #pressMaterijali a.rar { background: transparent url(../images/ikone/rar.gif) no-repeat left center;} /*-------------------------------------- PRESS MATERIJALI - Login form -------------------------------------- */ #press #contentForm { padding: 0 20px; margin: 0 25px; } #press #contentForm form table { margin: 0; } #press #content #clubLogin { float: right; margin: 0; padding: 25px 0 0 0; width: 225px; height: 281px; background: #fff url(../images/content/club-login-form.gif) no-repeat 0 0; } #press #clubLogin h2 { background: none; height: 32px; padding: 10px 0 0 45px; } #press #clubLogin ul { margin: 25px 0 0 47px; padding: 0; } #press #clubLogin ul li { margin: 0 0 5px 0; padding: 0; background: none; } #press #clubLogin ul li a { padding: 3px 0 3px 28px; } #press a#lozinkaLink { background: transparent url(../images/club/zaboravljena-lozinka.gif) no-repeat left center; } #press #clubLogin a:link, #press #clubLogin a:visited { color: #fff; text-decoration: underline; } #press #clubLogin a:hover, #press #clubLogin a:active { color: #fff; text-decoration: none; } /*-------------------------------------- MAX FACTOR CLUB - Login form -------------------------------------- */ #club #content #firstParagraph { background: transparent url(../images/content/club-content-h1-border.gif) no-repeat left top; } #club #contentForm { padding: 0 20px; margin: 0 25px; } #club #contentForm form table { margin: 0; border: none; } #club #contentForm form table td { border: none;} #club #content #clubLogin { float: right; margin: 0; padding: 25px 0 0 0; width: 225px; height: 301px; background: #fff url(../images/content/club-login-form2.gif) no-repeat 0 0; } #clubLogin h2 { height: 67px; position: relative; background: transparent url(../images/content/club-login-h2.gif) no-repeat 53px 0; } #clubLogin h2 a { position: absolute; top: 5px; right: 45px; display: block; width: 125px; height: 67px; } #clubLogin h2 a span { display: none; } #clubLogin form { padding-top: 17px; background: transparent url(../images/content/club-login-dotted.gif) no-repeat 10px 0; padding-right: 15px; } #clubLogin form p { text-align: right; background: transparent url(../images/content/club-login-input-bg.gif) no-repeat 75px center; height: 22px; padding: 0 5px 0 0; margin: 0 0 10px 0; } #clubLogin form p input { width: 110px; height: 19px; background: none; border: none; font-size: 11px; vertical-align: middle; padding: 3px 5px 0 5px; margin: 0 13px 0 5px; overflow: hidden; } #clubLogin form .gumb { margin: 2px 0 0 75px; } #club #clubLogin ul { margin: 25px 0 0 47px; padding: 0; } #club #clubLogin ul li { margin: 0 0 5px 0; padding: 0; background: none; } #club #clubLogin ul li a { padding: 3px 0 3px 28px; } #club a#lozinkaLink { background: transparent url(../images/club/zaboravljena-lozinka.gif) no-repeat left center; } #club #clubLogin a:link, #club #clubLogin a:visited { color: #fff; text-decoration: underline; } #club #clubLogin a:hover, #club #clubLogin a:active { color: #fff; text-decoration: none; } /* -------------------------------------- FORMS -------------------------------------- */ #contentForm { padding: 0 25px; margin: 0 25px; } #content #contentForm p { margin-bottom: 20px; } #contentForm form table { margin: 0 auto; } #contentForm form table td { padding: 3px 0 3px 20px; border: none; } #contentForm form table th { padding: 0 0 10px 20px; border: none; background: none; color: #6b6a6a; } #contentForm form .label { text-align: right; } #content #contentForm form table p { font-weight: bold; padding-top: 10px; margin-bottom: 10px; } #content #contentForm .inputBg { height: auto; background: transparent url(../images/forms/input-bg.gif) no-repeat 0 0; padding: 0; margin: 0; } #contentForm .inputBg input.input { background: none; } #contentForm input.input { width: 152px; height: 19px; border: none; font-size: 11px; padding: 3px 5px 0 5px; } #contentForm input.radio { margin-right: 5px; padding: 5px 0; } #contentForm .select { margin-right: 10px; font: normal 11px Arial, Helvetica, sans-serif; border: 1px solid #e0e0e0; padding: 2px; width: 65px; } #contentForm .checkbox { margin-right: 5px; } #contentForm .textarea { border: none; font: normal 11px Arial, Helvetica, sans-serif; background: none; width: 260px; height: 115px; border: 1px solid #e0e0e0; } #contentForm input.gumb { margin: 15px 5px 0 0; } #contentForm #newsletterTable { margin-left: 150px; } #contentForm #anketaTable { margin-left: 130px; } #contentForm #nagradnaIgraTable { margin-left: 130px; } /* -------------------------------------- SPEC - Press centar -------------------------------------- */ #content #contentBox { padding: 0 25px 0 25px; } #press #contentBox p { margin-bottom: 20px;} #press #contentBox div.imgContainer { display: inline-block; float: left; background: transparent url(../images/img-bg-top-left.gif) no-repeat; padding: 0; margin: -5px 20px 10px -6px; } #press #contentBox div.imgContainer p { margin: 0; padding: 0; position: relative; top: 9px; left: 9px; background: transparent url(../images/img-bg-bottom-right.gif) no-repeat bottom right; } div.imgContainer img { margin: 0 10px 9px 0; padding: 3px 3px 3px 5px; } #press #contentBox h2 { color: #e19f7f; font: bold 15px Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; padding: 0; } #contentBox .newsWrapper { background: transparent url(../images/content/hr-press.gif) no-repeat center bottom; padding: 0 0 20px 0; /padding: 0 0 30px 0; margin: 0 0 15px 0; clear: both; display: table; width: 100%; } span.datum { font: normal 14px Georgia, "Times New Roman", Times, serif; color: #bf9986; border-left: 1px solid #bf9986; padding-left: 10px; display: block; margin-bottom: 10px; line-height: 14px; clear: both; } /* -------------------------------------- CONTENT -> Definiranje boja opcih stranica -------------------------------------- */ #content { width: 701px; } /* --- sirina sadrzajnog djela (Skola sminkanja, Savjeti vizazista, Pitanja i odgovori, Max Factor) --- */ body { background: #000 url(../images/content/body-bg.gif) repeat-x 0 0px; } #headerWrapper { background: transparent url(../images/content/top-bg.gif) repeat-x; font-size:10px; } #footer { background: #0a0a0a url(../images/content/footer.gif) no-repeat 0 0; } #clear { clear: both; background: #fff; height:23px;} #subMenuContent h2 { background: transparent url(../images/content/sub-menu-h2.gif) no-repeat; } #subMenuContent h3 { color: #875b48; } a#subMenuLinkOn { background: transparent url(../images/content/sub-menu-active.gif) no-repeat left center; } #content { background: transparent url(../images/content/content-h1-border.gif) no-repeat left 59px; } #content #contentImg { background: transparent url(../images/content/hr.gif) no-repeat center top; } #content h1 { color: #ebc7a7; background: transparent url(../images/content/content-h1.gif) no-repeat 0 28px; } /* -------------------------------------- SPEC - Skola sminkanja; Savjeti vizazista -------------------------------------- */ #skola #clear, #savjeti #clear { clear: both; background: #fff; height:23px;} #skola #content, #skola #content { background: transparent url(../images/content/club-content-h1-border.gif) no-repeat left 59px; } #skola #content #contentImg, #savjeti #content #contentImg { background: transparent url(../images/content/hr.gif) no-repeat center top; } #skola #content, #savjeti #content { width: 475px; } /* -------------------------------------- SPEC - Lice -------------------------------------- */ #lice { background: #000 url(../images/lice/body-bg.gif) repeat-x 0 0px; } #lice #headerWrapper { background: transparent url(../images/lice/top-bg.gif) repeat-x; font-size:10px; } #lice #footer { background: #0a0a0a url(../images/lice/footer.gif) no-repeat 0 0; } #lice #clear { clear: both; background: #fff; height:23px;} #lice #subMenuContent h2 { background: transparent url(../images/lice/sub-menu-h2.gif) no-repeat; } #lice #subMenuContent h3 { color: #aa8478; } #lice a#subMenuLinkOn { background: transparent url(../images/lice/sub-menu-active.gif) no-repeat left center; } #lice #content { background: transparent url(../images/lice/content-h1-border.gif) no-repeat left 59px; } #lice #content #contentImg { background: transparent url(../images/lice/hr.gif) no-repeat center top; } #lice #content { width: 475px; } #lice #content h1 { color: #aa8478; background: transparent url(../images/lice/content-h1.gif) no-repeat 0 28px; } /* -------------------------------------- SPEC - Usne -------------------------------------- */ #usne { background: #000 url(../images/usne/body-bg.gif) repeat-x 0 0px; } #usne #headerWrapper { background: transparent url(../images/usne/top-bg.gif) repeat-x; font-size:10px;} #usne #footer { background: #0a0a0a url(../images/usne/footer.gif) no-repeat 0 0; } #usne #clear { clear: both; background: #fff; height:23px;} #usne #subMenuContent h2 { background: transparent url(../images/usne/sub-menu-h2.gif) no-repeat; } #usne #subMenuContent h3 { color: #862e4b; } #usne a#subMenuLinkOn { background: transparent url(../images/usne/sub-menu-active.gif) no-repeat left center; } #usne #content { background: transparent url(../images/usne/content-h1-border.gif) no-repeat left 59px; } #usne #content #contentImg { background: transparent url(../images/usne/hr.gif) no-repeat center top; } #usne #content { width: 475px; } #usne #content h1 { color: #862e4b; background: transparent url(../images/usne/content-h1.gif) no-repeat 0 28px; } /* -------------------------------------- SPEC - Oci -------------------------------------- */ #oci { background: #000 url(../images/oci/body-bg.gif) repeat-x 0 0px; } #oci #headerWrapper { background: transparent url(../images/oci/top-bg.gif) repeat-x; font-size:10px;} #oci #footer { background: #0a0a0a url(../images/oci/footer.gif) no-repeat 0 0; } #oci #clear { clear: both; background: #fff; height:23px;} #oci #subMenuContent h2 { background: transparent url(../images/oci/sub-menu-h2.gif) no-repeat; } #oci #subMenuContent h3 { color: #000; } #oci a#subMenuLinkOn { background: transparent url(../images/oci/sub-menu-active.gif) no-repeat left center; } #oci #content { background: transparent url(../images/oci/content-h1-border.gif) no-repeat left 59px; } #oci #content #contentImg { background: transparent url(../images/oci/hr.gif) no-repeat center top; } #oci #content { width: 475px; } #oci #content h1 { color: #000; background: transparent url(../images/oci/content-h1.gif) no-repeat 0 28px; } /* -------------------------------------- SPEC - Nokti -------------------------------------- */ #nokti { background: #000 url(../images/nokti/body-bg.gif) repeat-x 0 0px; } #nokti #headerWrapper { background: transparent url(../images/nokti/top-bg.gif) repeat-x; font-size:10px;} #nokti #footer { background: #0a0a0a url(../images/nokti/footer.gif) no-repeat 0 0; } #nokti #clear { clear: both; background: #fff; height:23px;} #nokti #subMenuContent h2 { background: transparent url(../images/nokti/sub-menu-h2.gif) no-repeat; } #nokti #subMenuContent h3 { color: #d4376e; } #nokti a#subMenuLinkOn { background: transparent url(../images/nokti/sub-menu-active.gif) no-repeat left center; } #nokti #content { background: transparent url(../images/nokti/content-h1-border.gif) no-repeat left 59px; } #nokti #content #contentImg { background: transparent url(../images/nokti/hr.gif) no-repeat center top; } #nokti #content { width: 475px; } #nokti #content h1 { color: #d4376e; background: transparent url(../images/nokti/content-h1.gif) no-repeat 0 28px; } /* -------------------------------------- SUB-MENU -------------------------------------- */ #subMenuWrapper { width: 239px; float: left; background: transparent url(../images/sub-menu-bg.gif) repeat-y; margin-top: 5px; } #subMenuContent { background: transparent url(../images/sub-menu-top.gif) no-repeat left top; padding: 17px 9px 14px 12px; } #subMenuContent h2 { width: 215px; height: 72px; padding-bottom: 5px; } #subMenuContent h2 span { display: none; } #subMenuContent h3 { font: bold 12px Arial, Helvetica, sans-serif; width: auto; clear: both; margin: 15px 22px 0 0; display: inline; float: right; } #subMenuContent ul { clear: both; padding-right: 22px; padding-top: 8px; } #subMenuContent li { display: block; clear: both; } #subMenuContent a { font: normal 11px Arial, Helvetica, sans-serif; display: block; float: right; width: auto; padding-left: 28px; margin-bottom: 4px; } #subMenuContent a#subMenuLinkOn:hover { text-decoration: none; } #subMenuContent a:link, #subMenuContent a:visited { color: #3f3f3f; text-decoration: none; } #subMenuContent a:hover, #subMenuContent a:active { color: #3f3f3f; text-decoration: underline; } /* -------------------------------------- SUB-MENU -> Sub List (druga/treca razina) -------------------------------------- */ #subMenuContent .subLi a { border-right: 1px solid #6e6e6e; padding-right: 5px; font-size: 10px; } #subMenuContent .subLi a:link, #subMenuContent .subLi a:visited { color: #6e6e6e; text-decoration: underline; } #subMenuContent .subLi a:hover, #subMenuContent .subLi a:active { color: #6e6e6e; text-decoration: none; border-right: 1px solid #000; } #subMenuContent .lastSubLi { margin-bottom: 10px; } #subMenuContent .lastSubLi a { border-right: 1px solid #6e6e6e; padding-right: 5px; font-size: 10px; margin-bottom: 10px; } #subMenuContent .lastSubLi a:link, #subMenuContent .lastSubLi a:visited { color: #6e6e6e; text-decoration: underline; } #subMenuContent .lastSubLi a:hover, #subMenuContent .lastSubLi a:active { color: #6e6e6e; text-decoration: none; border-right: 1px solid #000; } #subMenuContent a#subLinkOn, #subMenuContent a#subLinkOn:visited { color: #000; text-decoration: none; border-right: 1px solid #fff; } /* -------------------------------------- MAX FACTOR CLUB LINKS -------------------------------------- */ ul#infoClub { clear: both; margin: 30px 3px 0 1px !important; margin: 17px 3px 0 1px; padding-top: 20px; background: transparent url(../images/dotted.gif) no-repeat top right; } #infoClub li { display: block; clear: both; } #subMenuContent #infoClub a { font: bold 13px Arial, Helvetica, sans-serif; display: block; float: right; width: auto; color: #7b7b7b; text-decoration: none; padding-right: 24px; margin-bottom: 9px; } #subMenuContent #infoClub a:hover { text-decoration: underline; } a#promotivneAktivnosti { background: transparent url(../images/promotivne-aktivnosti.gif) no-repeat right center; } a#prodajnaMjesta { background: transparent url(../images/prodajna-mjesta.gif) no-repeat right center; } a#pressCentar { background: transparent url(../images/press-centar.gif) no-repeat right center; } a#kontakti { background: transparent url(../images/kontakti.gif) no-repeat right center; } /* -------------------------------------- MAX FACTOR CLUB LINKS - aktivni linkovi -------------------------------------- */ #infoClub a#promotivneAktivnostiOn { background: transparent url(../images/promotivne-aktivnosti.gif) no-repeat right center; color: #3f3f3f; text-decoration: none; } #infoClub a#prodajnaMjestaOn { background: transparent url(../images/prodajna-mjesta.gif) no-repeat right center; color: #3f3f3f; text-decoration: none; } #infoClub a#pressCentarOn { background: transparent url(../images/press-centar.gif) no-repeat right center; color: #3f3f3f; text-decoration: none; } #infoClub a#kontaktiOn { background: transparent url(../images/kontakti.gif) no-repeat right center; color: #3f3f3f; text-decoration: none; } #clubButton { padding: 50px 12px 27px 12px; margin-top: 30px !important; margin-top: 17px; background: #fff url(../images/sub-menu-bottom.gif) no-repeat left top; } #clubButton img { margin-left: 30px; } /* -------------------------------------- CONTENT -------------------------------------- */ #content { display: inline; float: left; margin: 7px 0 0 10px; } #content p { padding: 0 25px; margin-bottom: 15px; line-height: 16px; } #content div { padding: 0 25px; margin-bottom: 15px; line-height: 16px; } #content div p { padding-left: 0; padding-right: 0; } #content ul { padding: 0 25px; margin: 0 0 15px 0; line-height: 16px; } #content ul li { background: transparent url(../images/content-list.gif) no-repeat 0 8px; padding-left: 15px; } #content ol { padding: 0 25px; margin: 0 0 15px 0; line-height: 16px; } #content ol li { list-style: inside decimal; } #content #contentImg { padding-top: 30px; text-align: center; } #content h1 { font: normal 24px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 20px 0 10px 62px; margin-bottom: 25px; } #content h2 { font: normal 20px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 0 25px; margin-bottom: 15px; } #content h3 { font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #3f3f3f; padding: 0 25px; margin-bottom: 15px; } #content table { margin: 0 auto 25px auto; border: 1px solid #fff; } #content table th { padding: 4px; background: #916052; border: 1px solid #916052; font-weight: bold; color: #fff; } #content table td { padding: 4px; border: 1px solid #916052; } #content .content_img_right { float: right; margin: 0 0 10px 10px;} #content .content_img_left { float: left; margin: 0 10px 10px 0;} #content a:link { color: #6b6a6a; text-decoration: underline; } #content a:visited { color: #959595; text-decoration: underline; } #content a:hover, #content a:active { color: #6b6a6a; text-decoration: none; } /* -------------------------------------- ARTICLE -------------------------------------- */ #articleWrapper { display: inline; float: right; width: 222px; background: transparent url(../images/article-bg.gif) repeat-y; margin-top: 15px; } #imgWrapper, #articleFlash { padding-left: 8px; text-align: center; } #imgWrapper { background: transparent url(../images/article-top.gif) no-repeat left top; padding-top: 40px; } #articleImg { background: transparent url(../images/article-hr.gif) no-repeat right bottom; padding-bottom: 37px; } #articleFlash { background: transparent url(../images/article-bottom.gif) no-repeat left bottom; padding-bottom: 25px }