/* CSS Nikken Latinoamérica Por David Balderas Momentum Media Design 2009 */ /* -------------- *** GENERAL *** --------------------------------------------------------------------- */ body { background: url(common/main_bkg.jpg) top center no-repeat #C6BA9C; color: #66615E; font: 62.5%/1.2em Verdana, Arial, Helvetica, sans-serif } #container { background: url(common/content_bkg.gif) repeat-y; margin: 0 auto 10px auto; position: relative; width: 980px } #header { position: absolute; padding: 0 20px; width: 940px; z-index: 10 } #content { background: url(common/header_bkg.gif) top no-repeat; padding: 140px 20px 20px 20px } #footer { background: url(common/footer_bkg.gif) center repeat-y; position: relative } #popPage #container { background-image: url(common/pop_content_bkg.gif); margin-top: 20px; width: 500px } #popPage #header, #uploadPages #header { top: 20px; width: 460px } #popPage #content { background-image: url(common/pop_header_bkg.gif); padding-top: 80px } #popPage #footer, #uploadPages #footer { background: none } /* -------------- *** TAG STYLE *** ------------------------------------------------------------------- */ /* blocks */ .infoBox { background: #fff; border: 1px solid #F1EBDB; border-bottom-color: #E6D7C0; border-top-color: #F8F5ED; padding: 20px; } .mainBox { float: left; width: 600px } .sideBox { margin-left: 660px } .singleBox { margin: 0 auto; width: 780px } .slimBox { width: 460px } /* forms */ form { font-size: 1.1em } input[type="text"], input[type="password"], textarea { background: #fcfbf8; border: 1px solid #E6D7C0; color: #807163; font-size: 109.09%; font-family: inherit; padding: 3px } textarea { height: 5em; width: 100% } select { font-size: 109.09%; margin: 2px; padding: 2px } button { background: url(common/button_bkg.gif) top repeat-x #41541f; border: 1px solid #3B4D1C; color: #FFF; font-size: 109.09%; font-weight: bold; padding: 2px 3px } label { display: block; font: inherit; padding-bottom: 5px } ul.fList li { padding-bottom: 1em } li.buttonBox { text-align: center } /* headers */ h3, h4 { color: #807163; padding: 20px 0 } h5, h6 { color: #759A37; padding: 20px 0 10px 0 } h3 { font-size: 2.4em; line-height: 1.2em } h4 { font-size: 1.8em; line-height: 1.2em } h5 { font-size: 1.4em; line-height: 1.2em } h6 { font-size: 1.2em; line-height: 1.2em } h2.pageTitle { background: 17px 3px no-repeat; border-left: 3px solid #6BAACF; display: block; height: 50px; margin-bottom: 10px } h2.popPageTitle { color: #759A37; font-size: 2.4em; line-height: 1.2em; padding-bottom: 20px } .smallEntry h1, .smallEntry h2, .smallEntry h3, .smallEntry h4, .smallEntry h5, .smallEntry h6, #testList h3 { font-size: 1.4em } h3:first-child, h4:first-child, h5:first-child, h6:first-child { padding-top: 0 } /* images */ img.size-thumbnail { border: 1px solid #A2967D } img.size-thumbnail:hover { border-color: #0080FF } img.alignleft { float: left; margin: 5px 10px 10px 0 } img.alignright { float: right; margin: 5px 0 10px 10px } /* inline */ .entry p, p.entry, li.entry { font-size: 1.2em; line-height: 1.5em; padding-bottom: 1em } .entry strong { font-style: inherit; font-weight: bold } .entry em { font-style: italic; font-weight: inherit } .entry p.autor { display: block; font-style: italic; margin-top: 20px; padding-top: 5px; width: 50% } /* links / nav */ a { color: #457EB2; font: inherit; text-decoration: underline } a:hover { color: #0080FF } a:active { color: #FF8000 } a.buttonLink { background: url(common/link_btn.jpg) top repeat-x #99c060; border: 1px solid #759A37; color: #3B4D1C; padding: 3px; text-decoration: none } a.navLink, strong.navLink { background: center no-repeat; display: block; height: 19px; margin: 3px; width: 19px } a.backLink { background-image: url(common/btn_prev.gif) } a.nextLink { background-image: url(common/btn_next.gif) } a.numLink, strong.actualLink { height: 16px; font-size: 1.2em; font-weight: bold; padding-top: 3px; text-align: center; text-decoration: none } a.numLink { background-image: url(common/btn_number.gif); color: #3B4D1C } strong.actualLink { background-image: url(common/btn_actual.gif); color: #802B00 } .breadcrumb { font-size: 1.1em; padding-bottom: 10px; padding-left: 10px } .pagination { clear: both; padding: 20px 0 } .pagNode .navLink { float: left } /* listas */ .entry ul, .entry ol, .entry dl { font-size: 1.2em; line-height: 1.5em; padding-bottom: 1em } .entry ul li { list-style-type: disc } .entry ol li { list-style-type: decimal } .entry li, .entry li p { font-size: inherit } .entry li { list-style-position: inside; padding: 0 0 0.5em 30px } .entry dt { color: #759A37 } .entry dd { padding-bottom: 1em } .entry ol ol, .entry ul ul, .entry ol ul, .entry ul ol { font: inherit } .odd { background-color: #F1EBDB } /* tablas */ table { margin: 20px auto } td { font-size: 1.1em; padding: 6px 2px } th { background: url(common/link_btn.jpg) top repeat-x #99c060; border: 1px solid #759A37; color: #3B4D1C; font-size: 1.4em; padding: 6px 2px; text-align: center } /* -------------- *** MAIN LAYOUT *** ----------------------------------------------------------------- */ /* Header */ h1#mainLogo { position: absolute; padding-top: 20px } h1#mainLogo a, #popPage h1#mainLogo, #uploadPages h1#mainLogo { background: url(common/nikken_logo.gif) no-repeat; display: block; height: 45px; width: 179px } #popPage h1#mainLogo { position: relative } #headerCountry { background: url(common/arrow_down.gif) right top no-repeat; margin-top: 18px; padding: 4px; position: absolute; right: 220px; z-index: 2 } #headerCountry.active, #headerCountry:hover { background-image: url(common/arrow_down_over.gif); background-color: #F1EBDB } #myCountry a { background: center bottom no-repeat; display: block; height: 20px; margin-left: -36px; margin-right: -14px; padding: 0 44px } #myCountry.flagCO a, #selCountryList .flagCO a { background-image: url(common/hcountry_co.gif); width: 108px } #myCountry.flagCR a, #selCountryList .flagCR a { background-image: url(common/hcountry_cr.gif); width: 115px } #myCountry.flagEC a, #selCountryList .flagEC a { background-image: url(common/hcountry_ec.gif); width: 97px } #myCountry.flagSV a, #selCountryList .flagSV a { background-image: url(common/hcountry_sv.gif); width: 127px } #myCountry.flagGT a, #selCountryList .flagGT a { background-image: url(common/hcountry_gt.gif); width: 122px } #myCountry.flagMX a, #selCountryList .flagMX a { background-image: url(common/hcountry_mx.gif); width: 78px } #myCountry.flagPA a, #selCountryList .flagPA a { background-image: url(common/hcountry_pa.gif); width: 86px } #myCountry.flagLatAm a, #selCountryList .flagLatAm a { background-image: url(common/hcountry_latam.gif); width: 156px } #selectCountry { border-top: 1px dotted #C6BA9C; font-size: 1.1em; margin-top: 4px; padding: 10px 15px; z-index: 10 } #selectCountry span { display: inline } .active #selectCountry, .active #viveNikkenLogin { display: block } #selCountryList { padding-top: 10px } #selCountryList li.flagmWorld { margin-top: 15px; margin-left: -20px; } #searchBox { background: #fcfbf8; border: 1px solid #E6D7C0; margin: 20px 0 0 775px; position: absolute; width: 160px } #searchBox .fList li { display: inline } #s { background: none; border: none; float: left; width: 130px } #sButton { background: url(common/ico_search.gif) center no-repeat; border: none; height: 22px; width: 22px } #mainMenu { margin-top: 79px; margin-left: -2px; position: absolute } #menuList { background: url(common/menu.gif) center no-repeat; display: block; height: 40px; padding: 1px 12px 4px 12px; position: relative; width: 920px } .mnuNode { display: block; float: left } .mnuNode:hover, #mnuViNi.active { background: url(common/menu_over_bkg.gif) repeat-x } a.mnuLink { background: center no-repeat; display: block; height: 40px; padding: 0 15px } #mnuCont { position: absolute; right: 106px } #mnuCont:hover { background: none } #mnuViNi { position: absolute; right: 12px } #mnuBuss a.mnuLink { background-image: url(common/mnu_negocio.gif); width: 131px } #mnuProd a.mnuLink { background-image: url(common/mnu_productos.gif); width: 70px } #mnuWell a.mnuLink { background-image: url(common/mnu_bienestar.gif); width: 55px } #mnuTest a.mnuLink { background-image: url(common/mnu_testimonios.gif); width: 78px } #mnuActv a.mnuLink { background-image: url(common/mnu_actividades.gif); width: 73px } #mnuNews a.mnuLink { background-image: url(common/mnu_noticias.gif); width: 53px } #mnuStore a.mnuLink { background-image: url(common/mnu_store.gif); width: 92px; } #mnuCont a.mnuLink { background-image: url(common/mnu_contacto.gif); width: 24px } #mnuViNi a.mnuLink { background-image: url(common/mnu_vivenikken.gif); width: 66px } #mnuBuss:hover a.mnuLink { background-image: url(common/mnu_negocio_over.gif) } #mnuProd:hover a.mnuLink { background-image: url(common/mnu_productos_over.gif) } #mnuWell:hover a.mnuLink { background-image: url(common/mnu_bienestar_over.gif) } #mnuTest:hover a.mnuLink { background-image: url(common/mnu_testimonios_over.gif) } #mnuActv:hover a.mnuLink { background-image: url(common/mnu_actividades_over.gif) } #mnuNews:hover a.mnuLink { background-image: url(common/mnu_noticias_over.gif) } #mnuStore:hover a.mnuLink { background-image: url(common/mnu_store_over.gif); } #mnuCont:hover a.mnuLink { background-image: url(common/mnu_contacto_over.gif) } #mnuViNi:hover a.mnuLink, #mnuViNi.active a.mnuLink { background-image: url(common/mnu_vivenikken_over.gif) } #viveNikkenLogin { background: url(common/vnlogin_bkg.gif) repeat-y; color: #fff; position: absolute; width: 180px; right: 0; z-index: 2 } #vnLogin { background: url(common/vnlogin_bkg_top.gif) top no-repeat; padding: 15px 10px } #vnLogin a { color: #fff } #vnLogin strong { border-bottom: 1px dotted #fff; display: block; font-size: 1.4em; margin-bottom: 10px; padding-bottom: 3px } #vnLogin input { border-color: #0060BF; width: 76px } #vnLogin label { float: left; font-size: 109.09%; padding-top: 5px; width: 75px } #vnSend { display: block; margin: 10px auto } #quitVNForm { background: url(common/vnlogin_bkg_bottom.gif); height: 17px } /* Footer */ #legalInfo { background: url(common/footer_end_bkg.gif) bottom no-repeat; line-height: 130%; padding: 10px 20px 20px 20px } #footer strong { color: #3B4D1C; font-size: 1.1em } #footNikkenLatAm { float: left; width: 220px } #footCountry { margin-left: 240px; width: 380px } #popPage #legalInfo, #uploadPages #legalInfo{ background-image: url(common/pop_foot_bkg.gif) } #popPage #footNikkenLatAm, #uploadPages #footNikkenLatAm { float: none; text-align: center; width: auto } #mmd { bottom: 10px; position: absolute; right: 20px } #mmdLink { background: url(common/mmd.gif) center no-repeat; display: block; height: 50px; width: 84px } /* -------------- *** SECTION STYLE *** --------------------------------------------------------------- */ /* Page Titles */ #titleActividades { background-image: url(common/title_actividades.gif); border-color: #457EB2 } #titleBienestar { background-image: url(common/title_bienestar.gif); border-color: #97BF5E } #titleContacto { background-image: url(common/title_contacto.gif) } #titleNoticias { background-image: url(common/title_noticias.gif); border-color: #97BF5E } #titleOportunidad { background-image: url(common/title_negocio.gif) } #titleProductos { background-image: url(common/title_productos.gif); border-color: #FF8000 } #titleTestimonios { background-image: url(common/title_testimonios.gif); border-color: #FFD500 } #titleBusqueda { background-image:url(common/title_busqueda.gif); border-color: #663300} #titleTienda { background-image:url(common/title_store.gif); border-color: #FF8000} /* Home */ #bannerBox { height: 400px; padding-bottom: 20px } #featuresHome { font-size: 1.2em; line-height: 1.5em } #featuresHome div { float: left; margin-right: 20px; padding-bottom: 20px; width: 220px } div#homeActividades { margin-right: 0 } .homeTitle { margin-bottom: 20px } .homeTitle a { border-left: solid 3px; background: 8px 5px no-repeat; display: block; height: 30px } #titleProdHome a { background-image: url(common/htitle_productos.gif); border-color: #FF8000 } #titleTestHome a { background-image: url(common/htitle_testimonios.gif); border-color: #FFD500 } #titleNewsHome a { background-image: url(common/htitle_noticias.gif); border-color: #97BF5E } #titleActvHome a { background-image: url(common/htitle_actividades.gif); border-color: #457EB2 } #actividadesBtn { display: block; font-size: 116.6%; width: 212px } #actividadesBtn span { background: url(common/ico_cal.gif) left center no-repeat; display: block; height: 20px; padding-left: 30px } #calList { padding-top: 5px } li.calDate { border-bottom: 1px solid #C6BA9C; padding: 5px } #featuresHome div.actDate { float: left; margin: 0; padding: 0; width: 40px } .actDesc { display: block; line-height: 1.2em; min-height: 40px; margin-left: 50px } .actDesc li { padding-bottom: 3px } .actDesc a { display: block } .picHomeProd { padding-bottom: 10px } /* Calendar */ #calForm { margin-top: -50px; position: absolute; right: 20px; z-index: 1 } #calForm label { float: left; padding: 7px 10px 0 0 } #calForm li { float: left; padding-left: 20px } #fMonth, #fCountry, #fState { width: 98px } #stateForm { position: absolute; right: 83px; top: 25px } .calHead { position: relative } .calHead a.backLink { left: 20px; position: absolute; top: 20px } .calHead a.nextLink { position: absolute; right: 20px; top: 20px } h3.calTitle { padding-top: 15px; padding-bottom: 0; text-align: center } ul.calendario { display: block; margin: 20px auto 20px auto; width: 896px } li.dayName { width: 123px } li.fecha { border: 1px solid #C6BA9C; border-collapse: collapse; float: left; height: 90px; padding: 6px 2px; position: relative; width: 122px } li.emptyDay { background: #F1EBDB } li.dateDay em { background: #F1EBDB; color: #A2967D; display: block; font-size: 1.2em; margin: -6px 0 0 -2px; padding: 5px 0; text-align: center; width: 23px } li.eventDay em { background: #0060BF; color: #fff } ul.eventList { display: block; margin-top: 3px; height: 69px; overflow: auto } li.event { border: 1px solid; margin-bottom: 1px; padding: 1px 4px } ul.eventList a { color: inherit; text-decoration: none } ul.eventList a:hover { text-decoration: underline } li.encabezadoCalendario { background: url(common/link_btn.jpg) top repeat-x #99c060; border: 1px solid #759A37; color: #3B4D1C; font-size: 1.4em; height: auto; padding: 6px 2px; text-align: center } li.eventDay:hover { background: #FFFBE5 } li.CharlaBnstar { background: #807163; border-color: #332D28; color: #fff} li.convLoc { background: #C6BA9C; border-color: #807163; color: #332D28 } li.convReg { background: #E6D7C0; border-color: #A2967D; color: #332D28; padding-bottom: 2px } li.entBasico { background: #00502F; border-color: #000; color: #fff } li.entNegocio { background: #97BF5E; border-color: #00502F; color: #fff } li.s90Dias { background: #E2EACB; border-color: #759A37; color: #00502F; padding-bottom: 2px; padding-top: 2px } li.reunPlatMas { background: #224F84; border-color: #102640; color: #fff } li.reunOroMas { background: #0081FF; border-color: #224F84; color: #fff } li.sBronce { background: #CC5500; border-color: #802B00; color: #fff } li.sPlata { background: #B2B2B2; border-color: #808080; color: #000 } li.sOro { background: #FFD400; border-color: #E59300; color: #804000 } li.sDiamante { background: #EAF3F9; border-color: #457EB2; color: #224F84 } li.sSabado { background: #7DA5C9; border-color: #003E83; color: #fff; padding-bottom: 2px; padding-top: 2px } li.tllrEnt { background-image: url(common/bkg_taller_entrenamiento.png); border-color: #224F84; color: #fff } li.sWellness { background-image:url(common/bkg_wellness_preview.png); border-color: #00502F; color: #fff; padding-bottom: 2px; padding-top: 2px } li.actOtro { background: #332D28; border-color: #000; color: #fff } .eventParent { margin-left: 60px } #eventDetail { margin-left: 59px; width: 540px } #eventNav { margin-left: 660px; width: 220px } .actDate { float: left; margin-left: 20px; width: 40px } .entryDetail { margin-left: 80px } .eventType { display: block } #event-pop-box #eventDetail { margin-left: 0; width: auto } .month, .year { background: url(common/link_btn.jpg) top repeat-x #99c060; border: 1px solid #759A37; color: #3B4D1C; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 83.3%; font-weight: bold; line-height: 1em; padding: 1px; text-align: center; text-transform: uppercase; width: 36px } .day { background: url(common/neutral_bkg.gif) bottom repeat-x #fff; border: 1px solid #A2967D; border-top: none; color: #332D28; display: block; font-size: 1.5em; line-height: 1em; padding: 3px 1px 4px 1px; text-align: center; width: 36px } .year { margin-top: 10px } #event-legend { clear: both; margin-left: 80px; padding: 20px } .legend { border: 1px solid; float: left; font-size: 1.1em; height: 14px; margin-bottom: 4px; margin-right: 250px; padding: 2px; position: relative; width: 14px } .legend strong { color: #66615E; display: block; margin-left: 22px; width: 200px } .event-link { height: 102px; left: 0; position: absolute; top: 0; width: 126px } .pageEvent ul.eventList { margin: 6px 0 0 0; overflow-y: hidden } .pageEvent ul.eventList a { display: block; height: 17px; width: 17px } .pageEvent li.event { height: 17px; float: left; padding: 0px; margin: 0 2px 5px; width: 17px } li.sWellness { border:1px solid #3B4D1C } #eventListColorBox { border-right: 1px dotted #b9b09d; float: left; margin: 20px 0; width: 330px } #eventListColorBox h4 { margin-left: 20px; padding-bottom: 40px } #event-pop-list { height: 425px; overflow-x: hidden; overflow-y: auto; padding-top: 1px } #event-pop-list li { margin-left: 10px; height: auto; padding: 2px } #event-pop-list a { color: inherit; font-size: 1.1em; line-height: 1.2em; text-decoration: none } #eventData { margin-left: 350px; padding: 20px 0 } .eventContainer { height: 480px; overflow-x: hidden; overflow-y: auto; padding-right: 5px; width: 445px } #event-pop-box li.event { padding: 2px 4px; width: 295px } #event-pop-box li.event em { font-style: italic; padding-right: 5px } #event-pop-list .active { background: #332d28; border-color: #000; margin-left: 19px } #event-pop-list .active a { color: #fff } #event-pop-list .active, #event-pop-list li.event:hover { border-width: 2px; margin-bottom: 4px; margin-top: -1px } #cboxLoadingOverlay { background: url(common/loading3.gif) bottom left no-repeat } #pop-text { color: #a2967d; font-size: 1.6em; line-height: 1.2em; padding: 200px 100px 0 100px; text-align: center } /* Noticias */ .newsNode { min-height: 77px; padding-bottom: 10px } .sideBox .newsNode { min-height: 0 } .newsNode a { font-weight: bold; text-decoration: none } .newsNode p { display: block; font-size: 83.3%; margin-left: 87px } .sideBox .newsNode p { margin-left: 0 } img.newsThumb { display: block; float: left; height: 75px; margin-right: 10px; width: 75px } .infoBox #newsList { font-size: 1.1em; line-height: 1.5em } .infoBox .newsNode { float: left; padding: 10px; width: 280px } .pastNews { border-bottom: 1px dotted #807163; margin-bottom: 20px; padding-bottom: 20px } .pastNews #newsList { font-size: 1.1em } .pastNews .newsNode { height: auto; padding-bottom: 20px } /* Productos */ #catLit { position: relative; margin-bottom: 60px; padding: 0; width: 940px } .catListNode, .actCatTitle { display: block; float: left; height: 380px; margin-right: 4px; overflow: hidden; padding: 0; width: 184px } .actCatTitle { float: none; width: auto } .catListNode a, .actCatTitle strong { background: left no-repeat; display: block; height: 380px; width: 100% } #catAmbiente { background: url(common/home-catpic-ambiente.gif) -235px 0 no-repeat } #catDescanso { background: url(common/home-catpic-descanso.gif) -400px 0 no-repeat } #catNutricion { background: url(common/home-catpic-nutricion.gif) -200px 0 no-repeat } #catAccesorios { background: url(common/home-catpic-accesorios.gif) -90px 0 no-repeat } #catNegocio { background: url(common/home-catpic-negocio.gif) -280px 0 no-repeat; margin-right: 0 } #catAmbiente:hover, #catDescanso:hover, #catNutricion:hover, #catAccesorios:hover, #catNegocio:hover, #catAmbiente.still, #catDescanso.still, #catNutricion.still, #catAccesorios.still, #catNegocio.still { background-position: 40px 0 } .actCatTitle { background-position: right top !important } #catAmbiente a, #catAmbiente strong { background-image: url(common/home-cat-ambiente.gif) } #catDescanso a, #catDescanso strong { background-image: url(common/home-cat-descanso.gif) } #catNutricion a, #catNutricion strong { background-image: url(common/home-cat-nutricion.gif) } #catAccesorios a, #catAccesorios strong { background-image: url(common/home-cat-accesorios.gif) } #catNegocio a, #catNegocio strong { background-image: url(common/home-cat-negocio.gif) } #prodIndex { float: left; width: 220px } #prodPics { float: right; margin-right: 10px } #prodBox .entry, #prodBox h4, #testForm { width: 379px } #testForm { padding-top: 20px } h4#testTitle, h4#fTestTitle { border-top: 1px dotted #B9B09D ; margin-top:20px; padding-top: 20px } #prodBox { background: top left #fff; background-repeat:no-repeat; margin-left: 240px; padding-top: 79px; position:relative } #prodBox.catHome { padding-top: 0 } #secTitle { display:block; height: 59px; position:absolute; left: 0; top:0; width: 698px} #secTitle.catAmbiente { background-image: url(common/catpic-ambiente.jpg) } #secTitle.catDescanso { background-image: url(common/catpic-descanso.jpg) } #secTitle.catNutricion { background-image: url(common/catpic-nutricion.jpg) } #secTitle.catAccesorios { background-image: url(common/catpic-accesorios.jpg) } #secTitle.catNegocio { background-image: url(common/catpic-negocio.jpg) } #tabProd { border-bottom: 1px dotted #B9B09D; border-top: 1px dotted #B9B09D; margin-left: 0; width: 379px } .prodClave { text-align: center; width: 50px } .proNode { display: block; margin-bottom: 4px; padding: 28px 5px 0 5px } .prodSubList { font-size: 1.1em; margin-left: 20px; padding: 5px 0 } .prodSubNode { padding-bottom: 10px } .proNode { display: block; margin-bottom: 4px; padding: 0 5px } .catTitle { display: block; height: 25px } .prodSubList { font-size: 1.1em; margin-left: 20px; padding: 5px 0 } .prodSubNode { padding-bottom: 10px } #cat-1 { background: url(common/prod-submenu-ambiente.png) top no-repeat #004080 } #cat-2 { background: url(common/prod-submenu-descanso.png) top no-repeat #759A37 } #cat-3 { background: url(common/prod-submenu-nutricion.png) top no-repeat #CC5500 } #cat-4 { background: url(common/prod-submenu-accesorios.png) top no-repeat #E59300 } #cat-5 { background: url(common/prod-submenu-negocio.png) top no-repeat #A2967D } #cat-1 a { color: #6BAACF } #cat-2 a { color: #DBE5BD } #cat-3 a { color: #FFD9B2 } #cat-4 a { color: #fff } #cat-5 a { color: #F1EBDB } /* Testimonios */ #testBox { background:transparent url(common/testimonios-bg.gif) no-repeat scroll 410px 0; padding-top:30px; width:100% } #listTestimonios { margin-left: 300px; width: 500px } #listTestimonios li { background-color:#FFFFFF; border: 1px solid #F1EBDB; padding: 0 20px 20px 20px; width: 440px} .picTestimonios { float:left; margin-left: -160px} .arrowTitle { background:url(common/testimonios-arrow.gif) left top no-repeat; margin-left:-58px; margin-top:20px;padding:0 0 1em 58px } .testNode { margin-bottom: 20px; width: 480px } .testNode .entry { margin-bottom: 20px; overflow: hidden } /* País */ #popPage #selCountryList li { background-position: 4px 4px; border: 1px solid #EBDFCD; float: left; padding: 4px } #countryBox { background:url(flags/map-login.gif) center top no-repeat; border-color: #E6D7C0; display:block; position:relative; height: 510px } #popPage .flagTitle { background-position: 35px 0; background-repeat: no-repeat; display: block; height: 21px; margin-top: -1px; padding-left: 35px } /* Oportunidad nikken */ #oportSubMenu { background: url(common/oportunidad.jpg) no-repeat; height:340px; margin-bottom: 20px; position: relative } #oportSubMenu #subMenuList { bottom: 0; height: 28px; padding: 0 10px; position: absolute; width: 920px } .subMenuNode { float: left; margin-right: 10px } .subMenuNode a { background: #E6D7C0; color: #807163; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; padding: 8px 15px; text-decoration: none; text-transform: uppercase } .subMenuNode a:hover { background: #ff8000 } .subMenuNode .selected, .subMenuNode .selected:hover { background: #FBF9F4; color: #759A37 } #secNikken1, #secNikken2, #secNikken3, #secNikken4 { margin-left: 80px; position: relative; width: 460px } #logoVD-Box { float: right; margin-right: -340px; margin-top: -40px; width: 260px } #logoVD-Box img { display: block; margin: 0 auto 20px auto } /* Busqueda */ #searchPage { margin-left: 150px; width: 660px } .searchEntry { border-bottom: 1px dotted #B9B09D; padding: 20px} .searchEntry:hover { background: #E8F0DB } #searchTitleBox { background: url(common/search_bkg.gif) left center no-repeat; display:block; padding-left: 75px} h3#searchTitle { padding-bottom: 5px } h3#searchTitleName { color: #94BC5B; margin-bottom: 10px; padding: 0 } .searchResultTitle { font-size: 1.5em; padding-bottom: .5em} .searchDescription { font-size: 1.1em; line-height: 1.3em } /* Bienestar */ #wellnessBox { margin-right: -20px; padding-top: 20px; width: 960px } .topicNode { float: left; height: 140px; margin: 0 20px 20px 0; width: 300px } /* Tienda Virtual */ #tipoTiendaCont { margin-left: 60px; margin-bottom: 15px; } .tiendaBox { float: left; margin-right: 20px; width: 260px; } .tiendaBox a { background: no-repeat; display: block; height: 300px; margin-bottom: 20px; } #tiendaFirst.tiendaBox a { background-image: url(common/bkg_tiendaFirst.png); } #tiendaClub.tiendaBox a { background-image: url(common/bkg_tiendaClub.png); } #tiendaCI.tiendaBox a { background-image: url(common/bkg_tiendaCI.png); } .tiendaBox p { color: #807163; font-size: 1.4em; line-height: 1.2em; } #tiendaNota { background: #A2967D; color: #FFF; clear: both; font-size: 1.2em; line-height: 1.2em; margin-left: 60px; padding: 10px; text-align: center; width: 800px; } /* Contacto */ #contactForm { float:left; margin-left: 20px; width: 420px} #contactInfoBox { margin-left: 520px } #contactInfoBox p { font-size: 1.1em; line-height: 1.5em } .countryBoxctn { margin-top: 30px} #contactForm #comentarios { width: 370px } #contactInfoLatam { padding-top: 40px } #contactInfoCountry strong { font-weight: bold; padding-top: 40px } #contactInfoCountry li { margin: 10px 0 } #contactInfoCountry li ul li { margin: 0; padding: 0 } /* --------------- upload Nikken --------------- */ #uploadPages #header { top: 20px} #uploadPages #container { background-image:url(common/pop_content_bkg.gif); margin-top:20px; width:500px } #uploadPages #content { background-image:url(common/pop_header_bkg.gif); padding-top: 80px} .checkBox label { display: inline } .dirBox { margin-top: 10px} #error { margin: 15px auto 0 auto; text-align:center; width: 350px} .errorText { color:#FF0000; font-size: 1.2em; line-height: 1.4em } .okText { color:#66CC00; font-size: 1.2em; line-height: 1.4em } .menuUpload { background-image:url(common/menu_uploadPage_bkg.gif); background-repeat:no-repeat; height:23px; margin: 0 auto 10px auto; padding: 7px 10px 15px 10px; width: 440px} .menuUpload li.linkItem { display:inline; margin-left: 10px } .menuUpload .linkRef, .linktoFile { color: #807163; text-decoration: none } .linkRef:hover, .linktoFile:hover { color: #33261C } .textWelcomeUser { display:block; text-align:center } .nameUserAcount { font-size: 1.1em; font-weight:bold } .rutaBox { margin: 20px 0; text-align:center} .rutaUpload { display:block; margin-bottom: 1em } .rutaWeb { font-weight:bold } #formLoginUpload { text-align:center } a.likeButton { background: url(common/button_bkg.gif) top repeat-x #41541f; border: 1px solid #3B4D1C; color: #FFF; font-size: 109.09%; font-weight: bold; margin: 0 auto; padding: 2px 3px; text-decoration:none } #likeBtnHidde { margin: 5px 0 0 200px } #createfolder { margin: auto; width: 300px } /* detalle de producto */ #colorbox, #cboxOverlay, #cboxWrapper { left: 0; overflow: hidden; position: absolute; top: 0; z-index: 9999 } #cboxOverlay { height: 100%; position: fixed; width: 100% } #cboxMiddleLeft, #cboxBottomLeft { clear: left } #cboxContent { overflow: visible; position: relative } #cboxLoadedContent { overflow: auto } #cboxLoadingOverlay, #cboxLoadingGraphic { left: 0; position: absolute; top: 0; width: 100% } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer } #cboxOverlay { background: #fff } #colorbox { background: #fff; border: 2px solid #C6BA9C } #pDetails { height: 450px; overflow: auto; padding: 20px 20px 0 20px } #cboxClose, #cboxNext, #cboxPrevious { bottom: 5px; height: 17px; position: absolute; width: 15px } #cboxClose { background: url(common/cbox_close.gif); right: 5px } #containerProduct { font-size: 1.2em; height: 410px; line-height: 1.5em; margin-bottom: 30px; overflow: auto; padding: 20px 60px } #titleProduct { color: #807163; font-size: 1.5em } #codProduct { color: #C6BA9C; padding-bottom: 40px } #headerProduct, #contentProduct { width: 220px } #cboxPrevious { background: url(common/btn_prev.gif) no-repeat; height: 19px; position: absolute; right: 75px; width: 19px } #cboxNext { background: url(common/btn_next.gif) no-repeat; height: 19px; position: absolute; right: 50px; width: 19px } #cboxClose { background: url(common/btn_close.gif) no-repeat; height: 19px; position: absolute; right: 5px; width: 19px } .prodPicDetail { float: right } #no-product { color: #f00 } /* -------------- *** OTHER *** ----------------------------------------------------------------------- */ /* Flags */ .miniFlag, .midFlag{ background: top left no-repeat; display: block } .miniFlag { min-height: 14px; padding-left: 20px } .midFlag { min-height: 20px; padding-left: 30px } .mapFlag { background:#FFFFFF center left no-repeat; display: block; height: 21px} .flagMapImg { padding-left: 20px} .flagmCO { background-image: url(flags/flag-s_co.gif) } .flagmCR { background-image: url(flags/flag-s_cr.gif) } .flagmEC { background-image: url(flags/flag-s_ec.gif) } .flagmSV { background-image: url(flags/flag-s_sv.gif) } .flagmGT { background-image: url(flags/flag-s_gt.gif) } .flagmMX { background-image: url(flags/flag-s_mx.gif) } .flagmPA { background-image: url(flags/flag-s_pa.gif) } .flagmLatAm { background-image: url(flags/flag-s_latam.gif) } .flagCO { background-image: url(flags/flag-m_co.gif) } .flagCR { background-image: url(flags/flag-m_cr.gif) } .flagEC { background-image: url(flags/flag-m_ec.gif) } .flagSV { background-image: url(flags/flag-m_sv.gif) } .flagGT { background-image: url(flags/flag-m_gt.gif) } .flagMX { background-image: url(flags/flag-m_mx.gif) } .flagPA { background-image: url(flags/flag-m_pa.gif) } .flagLatAm { background-image: url(flags/flag-m_latam.gif) } .COpa { left: 254px; top: 150px; position:absolute } .CRpa { left: 13px; top: 167px; position:absolute } .ECpa { left: 219px; top: 209px; position:absolute } .SVpa { left: 201px; top: 79px; position:absolute } .GTpa { left: 6px; top: 126px; position:absolute } .MXpa { left: 104px; top: 37px; position:absolute } .PApa { left: 71px; top: 220px; position:absolute } .LATAMpa { left: 253px; top: 5px; position:absolute } /* -------------- *** FIXES *** ----------------------------------------------------------------------- */ #ie6_bad { background: #ff0; border: 1px solid #F90; color: #000; font-size: 1.4em; line-height: 1.3em; padding: 10px } a span, .hidden, hr, .nJS, .pageTitle span, #searchBox label, #selectCountry, .subBanner, #sButton span, #viveNikkenLogin, h1 span, .actCatTitle span, .catTitle span, #secTitle span, #cboxPrevious span, #cboxNext span, #cboxClose span, .event-link span, li.event span { display: none } #content:after, #testBox:after, #selCountryList:after, #prodBox:after, a.link-VR:after, #tipoTiendaCont:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }