/* * ** * ** * ** * ** * ** * ** * ** * ** * ** * ** * ** * * * De Facto S.A. * * V2.0 * * * **/ /* http://www.freecsstemplates.org/previews/vestibule/style.css REVISAR ???CHF */ /* CSS Document */ /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ /* propiedades de bordes */ /* *listos objf-sele / select objf-itxt / input[type=text/type=pass] / texarea objf-bton / button[type=submit/type=button], input[type=button/type=submit] objg-link / a link *pendientes objf-radi / radio objf-chkb / checkbox objg-dtxt / label / span objg-ttlo / titulos generales */ input[type=checkbox], input[type=radio] { cursor: hand; cursor: pointer; } .objg-curs-hand:hover { cursor: hand; cursor: pointer; } /** * [css] font-size / TAMAÑO DE LETRAS PARA LOS FONT DE LOS OBJC * * class > ft[9] para tamaño de font en pixeles ft1 ... ft60 * class > em[9] para tamaño de font en em ft1 ... ft60 */ .ft1, .ft1 * { /* propiedades de tipografía */ font-size: 1px; } .em1, .em1 * { /* propiedades de tipografía */ font-size: 0.1em; } .ft2, .ft2 * { /* propiedades de tipografía */ font-size: 2px; } .em2, .em2 * { /* propiedades de tipografía */ font-size: 0.2em; } .ft3, .ft3 * { /* propiedades de tipografía */ font-size: 3px; } .em3, .em3 * { /* propiedades de tipografía */ font-size: 0.25em; } .ft4, .ft4 * { /* propiedades de tipografía */ font-size: 4px; } .em4, .em4 * { /* propiedades de tipografía */ font-size: 0.3em; } .ft5, .ft5 * { /* propiedades de tipografía */ font-size: 5px; } .em5, .em5 * { /* propiedades de tipografía */ font-size: 0.35em; } .ft6, .ft6 * { /* propiedades de tipografía */ font-size: 6px; } .em6, .em6 * { /* propiedades de tipografía */ font-size: 0.4em; } .ft7, .ft7 * { /* propiedades de tipografía */ font-size: 7px; } .em7, .em7 * { /* propiedades de tipografía */ font-size: 0.45em; } .ft8, .ft8 * { /* propiedades de tipografía */ font-size: 8px; } .em8, .em8 * { /* propiedades de tipografía */ font-size: 0.5em; } .ft9, .ft9 * { /* propiedades de tipografía */ font-size: 9px; } .em9, .em9 * { /* propiedades de tipografía */ font-size: 0.55em; } .ft10, .ft10 * { /* propiedades de tipografía */ font-size: 10px; } .em10, .em10 * { /* propiedades de tipografía */ font-size: 0.625em; } .ft11, .ft11 * { /* propiedades de tipografía */ font-size: 11px; } .em11, .em11 * { /* propiedades de tipografía */ font-size: 0.7em; } .ft12, .ft12 * { /* propiedades de tipografía */ font-size: 12px; } .em12, .em12 * { /* propiedades de tipografía */ font-size: 0.75em; } .ft13, .ft13 * { /* propiedades de tipografía */ font-size: 13px; } .em13, .em13 * { /* propiedades de tipografía */ font-size: 0.8em; } .ft14, .ft14 * { /* propiedades de tipografía */ font-size: 14px; } .em14, .em14 * { /* propiedades de tipografía */ font-size: 0.875em; } .ft15, .ft15 * { /* propiedades de tipografía */ font-size: 15px; } .em15, .em15 * { /* propiedades de tipografía */ font-size: 0.95em; } .ft16, .ft16 * { /* propiedades de tipografía */ font-size: 16px; } .em16, .em16 * { /* propiedades de tipografía */ font-size: 1em; } .ft17, .ft17 * { /* propiedades de tipografía */ font-size: 17px; } .em17, .em17 * { /* propiedades de tipografía */ font-size: 1.05em; } .ft18, .ft18 * { /* propiedades de tipografía */ font-size: 18px; } .em18, .em18 * { /* propiedades de tipografía */ font-size: 1.125em; } .ft19, .ft19 * { /* propiedades de tipografía */ font-size: 19px; } .em19, .em19 * { /* propiedades de tipografía */ font-size: 1.2em; } .ft20, .ft20 * { /* propiedades de tipografía */ font-size: 20px; } .em20, .em20 * { /* propiedades de tipografía */ font-size: 1.25em; } .ft21, .ft21 * { /* propiedades de tipografía */ font-size: 21px; } .em21, .em21 * { /* propiedades de tipografía */ font-size: 1.3em; } .ft22, .ft22 * { /* propiedades de tipografía */ font-size: 22px; } .em22, .em22 * { /* propiedades de tipografía */ font-size: 1.4em; } .ft23, .ft23 * { /* propiedades de tipografía */ font-size: 23px; } .em23, .em23 * { /* propiedades de tipografía */ font-size: 1.45em; } .ft24, .ft24 * { /* propiedades de tipografía */ font-size: 24px; } .em24, .em24 * { /* propiedades de tipografía */ font-size: 1.5em; } .ft25, .ft25 * { /* propiedades de tipografía */ font-size: 25px; } .em25, .em25 * { /* propiedades de tipografía */ font-size: 1.55em; } .ft26, .ft26 * { /* propiedades de tipografía */ font-size: 26px; } .em26, .em26 * { /* propiedades de tipografía */ font-size: 1.6em; } .ft27, .ft27 * { /* propiedades de tipografía */ font-size: 27px; } .em27, .em27 * { /* propiedades de tipografía */ font-size: 1.65em; } .ft28, .ft28 * { /* propiedades de tipografía */ font-size: 28px; } .em28, .em28 * { /* propiedades de tipografía */ font-size: 1.7em; } .ft29, .ft29 * { /* propiedades de tipografía */ font-size: 29px; } .em29, .em29 * { /* propiedades de tipografía */ font-size: 1.8em; } .ft30, .ft30 * { /* propiedades de tipografía */ font-size: 30px; } .em30, .em30 * { /* propiedades de tipografía */ font-size: 1.85em; } .ft31, .ft31 * { /* propiedades de tipografía */ font-size: 31px; } .em31, .em31 * { /* propiedades de tipografía */ font-size: 1.9em; } .ft32, .ft32 * { /* propiedades de tipografía */ font-size: 32px; } .em32, .em32 * { /* propiedades de tipografía */ font-size: 2em; } .ft33, .ft33 * { /* propiedades de tipografía */ font-size: 33px; } .em33, .em33 * { /* propiedades de tipografía */ font-size: 2.1em; } .ft34, .ft34 * { /* propiedades de tipografía */ font-size: 34px; } .em34, .em34 * { /* propiedades de tipografía */ font-size: 2.15em; } .ft35, .ft35 * { /* propiedades de tipografía */ font-size: 35px; } .em35, .em35 * { /* propiedades de tipografía */ font-size: 2.2em; } .ft36, .ft36 * { /* propiedades de tipografía */ font-size: 36px; } .em36, .em36 * { /* propiedades de tipografía */ font-size: 2.25em; } .ft37, .ft37 * { /* propiedades de tipografía */ font-size: 37px; } .em37, .em37 * { /* propiedades de tipografía */ font-size: 2.3em; } .ft38, .ft38 * { /* propiedades de tipografía */ font-size: 38px; } .em38, .em38 * { /* propiedades de tipografía */ font-size: 2.35em; } .ft39, .ft39 * { /* propiedades de tipografía */ font-size: 39px; } .em39, .em39 * { /* propiedades de tipografía */ font-size: 2.4em; } .ft40, .ft40 * { /* propiedades de tipografía */ font-size: 40px; } .em40, .em40 * { /* propiedades de tipografía */ font-size: 2.45em; } .ft41, .ft41 * { /* propiedades de tipografía */ font-size: 41px; } .em41, .em41 * { /* propiedades de tipografía */ font-size: 2.5em; } .ft42, .ft42 * { /* propiedades de tipografía */ font-size: 42px; } .em42, .em42 * { /* propiedades de tipografía */ font-size: 2.55em; } .ft43, .ft43 * { /* propiedades de tipografía */ font-size: 43px; } .em43, .em43 * { /* propiedades de tipografía */ font-size: 2.6em; } .ft44, .ft44 * { /* propiedades de tipografía */ font-size: 44px; } .em44, .em44 * { /* propiedades de tipografía */ font-size: 2.7em; } .ft45, .ft45 * { /* propiedades de tipografía */ font-size: 45px; } .em45, .em45 * { /* propiedades de tipografía */ font-size: 2.75em; } .ft46, .ft46 * { /* propiedades de tipografía */ font-size: 46px; } .em46, .em46 * { /* propiedades de tipografía */ font-size: 2.8em; } .ft47, .ft47 * { /* propiedades de tipografía */ font-size: 47px; } .em47, .em47 * { /* propiedades de tipografía */ font-size: 2.9em; } .ft48, .ft48 * { /* propiedades de tipografía */ font-size: 48px; } .em48, .em48 * { /* propiedades de tipografía */ font-size: 3em; } .ft49, .ft49 * { /* propiedades de tipografía */ font-size: 49px; } .em49, .em49 * { /* propiedades de tipografía */ font-size: 3.1em; } .ft50, .ft50 * { /* propiedades de tipografía */ font-size: 50px; } .em50, .em50 * { /* propiedades de tipografía */ font-size: 3.15em; } .ft51, .ft51 * { /* propiedades de tipografía */ font-size: 51px; } .em51, .em51 * { /* propiedades de tipografía */ font-size: 3.2em; } .ft52, .ft52 * { /* propiedades de tipografía */ font-size: 52px; } .em52, .em52 * { /* propiedades de tipografía */ font-size: 3.25em; } .ft53, .ft53 * { /* propiedades de tipografía */ font-size: 53px; } .em53, .em53 * { /* propiedades de tipografía */ font-size: 3.3em; } .ft54, .ft54 * { /* propiedades de tipografía */ font-size: 54px; } .em54, .em54 * { /* propiedades de tipografía */ font-size: 3.35em; } .ft55, .ft55 * { /* propiedades de tipografía */ font-size: 55px; } .em55, .em55 * { /* propiedades de tipografía */ font-size: 3.4em; } .ft56, .ft56 * { /* propiedades de tipografía */ font-size: 56px; } .em56, .em56 * { /* propiedades de tipografía */ font-size: 3.45em; } .ft57, .ft57 * { /* propiedades de tipografía */ font-size: 57px; } .em57, .em57 * { /* propiedades de tipografía */ font-size: 3.5em; } .ft58, .ft58 * { /* propiedades de tipografía */ font-size: 58px; } .em58, .em58 * { /* propiedades de tipografía */ font-size: 3.55em; } .ft59, .ft59 * { /* propiedades de tipografía */ font-size: 59px; } .em59, .em59 * { /* propiedades de tipografía */ font-size: 3.6em; } .ft60, .ft60 * { /* propiedades de tipografía */ font-size: 60px; } .em60, .em60 * { /* propiedades de tipografía */ font-size: 3.65em; } /** * [css] @font-face / FUENTES DE TEXTOS ENRIQUECIDAS * */ /** @font-face { font-family:'MyWebFont'; src:url('../fonts/escolar8.eot'); src:local('?'), url('../fonts/escolar8.woff')format('woff'), url('../fonts/escolar8.ttf')format('truetype'), url('../fonts/escolar8.svg#')format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family:'MinionPro'; src: url('fonts/minionpro/minionPro-regular.eot'); src: url('fonts/minionpro/minionPro-regular.eot?#iefix') format('embedded-opentype'), url('fonts/minionpro/minionPro-regular.woff') format('woff'), url('fonts/minionpro/minionPro-regular.ttf') format('truetype'), url('fonts/minionpro/minionPro-regular.svg#') format('svg'), url('fonts/minionpro/minionPro-regular.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family:'MyriadPro'; src: url('fonts/myriadpro/MyriadPro-Regular.eot'); src: url('fonts/myriadpro/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro/MyriadPro-Regular.woff') format('woff'), url('fonts/myriadpro/MyriadPro-Regular.ttf') format('truetype'), url('fonts/myriadpro/MyriadPro-Regular.svg#') format('svg'), url('fonts/minionpro/MinionPro-Regular.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family:'MyriadProCond'; src: url('fonts/myriadpro/MyriadPro-Cond.eot'); src: url('fonts/myriadpro/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro/MyriadPro-Cond.woff') format('woff'), url('fonts/myriadpro/MyriadPro-Cond.ttf') format('truetype'), url('fonts/myriadpro/MyriadPro-Cond.svg#') format('svg'), url('fonts/minionpro/MyriadPro-Cond.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family:'MyriadProBoldCond'; src: url('fonts/myriadpro/MyriadPro-BoldCond.eot'); src: url('fonts/myriadpro/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro/MyriadPro-BoldCond.woff') format('woff'), url('fonts/myriadpro/MyriadPro-BoldCond.ttf') format('truetype'), url('fonts/myriadpro/MyriadPro-BoldCond.svg#') format('svg'), url('fonts/minionpro/MyriadPro-BoldCond.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family:'MyriadProBold'; src: url('fonts/myriadpro/MyriadPro-Bold.eot'); src: url('fonts/myriadpro/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro/MyriadPro-Bold.woff') format('woff'), url('fonts/myriadpro/MyriadPro-Bold.ttf') format('truetype'), url('fonts/myriadpro/MyriadPro-Bold.svg#') format('svg'), url('fonts/minionpro/MyriadPro-Bold.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family:'MyriadProSemibold'; src: url('fonts/myriadpro/MyriadPro-Semibold.eot'); src: url('fonts/myriadpro/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro/MyriadPro-Semibold.woff') format('woff'), url('fonts/myriadpro/MyriadPro-Semibold.ttf') format('truetype'), url('fonts/myriadpro/MyriadPro-Semibold.svg#') format('svg'), url('fonts/minionpro/MyriadPro-Semibold.otf') format('opentype'); font-weight: normal; font-style: normal; } /* QUITAR NOTO SANS y NOTO SERIF ... muy pesadas */ @font-face { font-family: 'Kotta One'; src: url('fonts/kotta_one/KottaOne-Regular.eot'); src: url('fonts/kotta_one/KottaOne-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/kotta_one/KottaOne-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Dosis'; src: url('fonts/dosis/Dosis-Light.eot'); src: url('fonts/dosis/Dosis-Light.eot?#iefix') format('embedded-opentype'), url('fonts/dosis/Dosis-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Noto Sans'; src: url('fonts/noto_sans/NotoSans-Regular.eot'); src: url('fonts/noto_sans/NotoSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/noto_sans/NotoSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gilda Display'; src: url('fonts/gilda_display/GildaDisplay-Regular.eot'); src: url('fonts/gilda_display/GildaDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/gilda_display/GildaDisplay-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Macondo Swash Caps'; src: url('fonts/macondo_swash_caps/Macondo-Regular.eot'); src: url('fonts/macondo_swash_caps/Macondo-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/macondo_swash_caps/Macondo-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bad Script'; src: url('fonts/bad_script/BadScript-Regular.eot'); src: url('fonts/bad_script/BadScript-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/bad_script/BadScript-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Quicksand'; src: url('fonts/quicksand/Quicksand-Light.eot'); src: url('fonts/quicksand/Quicksand-Light.eot?#iefix') format('embedded-opentype'), url('fonts/quicksand/Quicksand-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Noto Serif'; src: url('fonts/noto_serif/NotoSerif-Regular.eot'); src: url('fonts/noto_serif/NotoSerif-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/noto_serif/NotoSerif-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Marck Script'; src: url('fonts/marck_script/MarckScript-Regular.eot'); src: url('fonts/marck_script/MarckScript-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/marck_script/MarckScript-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Josefin Slab'; src: url('fonts/josefin_slab/JosefinSlab-Thin.eot'); src: url('fonts/josefin_slab/JosefinSlab-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/josefin_slab/JosefinSlab-Thin.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto Slab'; src: url('fonts/roboto_slab/RobotoSlab-Thin.eot'); src: url('fonts/roboto_slab/RobotoSlab-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/roboto_slab/RobotoSlab-Thin.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Milonga'; src: url('fonts/milonga/Milonga-Regular.eot'); src: url('fonts/milonga/Milonga-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/milonga/Milonga-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Didact Gothic'; src: url('fonts/didact_gothic/DidactGothic.eot'); src: url('fonts/didact_gothic/DidactGothic.eot?#iefix') format('embedded-opentype'), url('fonts/didact_gothic/DidactGothic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Autour One'; src: url('fonts/autour_one/AutourOne-Regular.eot'); src: url('fonts/autour_one/AutourOne-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/autour_one/AutourOne-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Titillium Web'; src: url('fonts/titillium_web/TitilliumWeb-ExtraLight.eot'); src: url('fonts/titillium_web/TitilliumWeb-ExtraLight.eot?#iefix') format('embedded-opentype'), url('fonts/titillium_web/TitilliumWeb-ExtraLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Karla'; src: url('fonts/karla/Karla-Regular.eot'); src: url('fonts/karla/Karla-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/karla/Karla-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Quattrocento'; src: url('fonts/quattrocento/Quattrocento-Regular.eot'); src: url('fonts/quattrocento/Quattrocento-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/quattrocento/Quattrocento-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Quattrocento Sans'; src: url('fonts/quattrocento_sans/QuattrocentoSans-Regular.eot'); src: url('fonts/quattrocento_sans/QuattrocentoSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/quattrocento_sans/QuattrocentoSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } /** * [css] font-family / FUENTES DE TEXTOS * */ /* ???CHF -> reorganizar las font para que la segunda y tercera sean similares a la principal y no en orden secuencial como es ahora */ .ff1, .ff1 * { font-family: Arial, Helvetica, sans-serif, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Courier New"; } .ff2, .ff2 * { font-family: Helvetica, sans-serif, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Courier New", Arial; } .ff3, .ff3 * { font-family: sans-serif, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Courier New", Arial, Helvetica; } .ff4, .ff4 * { font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", "Courier New", Arial, Helvetica, sans-serif; } .ff5, .ff5 * { font-family: "Lucida Sans Unicode", "Lucida Grande", "Courier New", Arial, Helvetica, sans-serif, Verdana; } .ff6, .ff6 * { font-family: "Lucida Grande", "Courier New", Arial, Helvetica, sans-serif, Verdana, "Lucida Sans Unicode"; } .ff7, .ff7 * { font-family: "Courier New", Arial, Helvetica, sans-serif, Verdana, "Lucida Sans Unicode", "Lucida Grande"; } /* serif fonts */ .ff10, .ff10 * { font-family: Georgia, serif; } .ff11, .ff11 * { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } .ff12, .ff12 * { font-family: "Times New Roman", Times, serif; } /* sans-serif fonts */ .ff20, .ff20 * { font-family: Arial, Helvetica, sans-serif; } .ff21, .ff21 * { font-family: "Arial Black", Gadget, sans-serif; } .ff22, .ff22 * { font-family: "Comic Sans MS", cursive, sans-serif; } .ff23, .ff23 * { font-family: Impact, Charcoal, sans-serif; } .ff24, .ff24 * { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } .ff25, .ff25 * { font-family: Tahoma, Geneva, sans-serif; } .ff26, .ff26 * { font-family: "Trebuchet MS", Helvetica, sans-serif; } .ff27, .ff27 * { font-family: Verdana, Geneva, sans-serif; } /* monospace fonts */ .ff30, .ff30 * { font-family: "Courier New", Courier, monospace; } .ff31, .ff31 * { font-family: "Lucida Console", Monaco, monospace; } /* Estas librerías requieren de la sentencia */ .ff50, .ff50 * { font-family: 'Kotta One', serif; } /* OK */ .ff51, .ff51 * { font-family: 'Dosis', sans-serif; } /**/ .ff52, .ff52 * { font-family: 'Noto Sans', sans-serif; } /**/ .ff53, .ff53 * { font-family: 'Gilda Display', serif; } /* OK */ .ff54, .ff54 * { font-family: 'Macondo Swash Caps', cursive; } /* OK */ .ff55, .ff55 * { font-family: 'Bad Script', verdana; } /* OK */ .ff56, .ff56 * { font-family: 'Quicksand', sans-serif; } /* OK */ .ff57, .ff57 * { font-family: 'Noto Serif', serif; } /**/ .ff58, .ff58 * { font-family: 'Marck Script', cursive; } /* OK */ .ff59, .ff59 * { font-family: 'Josefin Slab', serif; } /* OK */ .ff60, .ff60 * { font-family: 'Roboto Slab', serif; } /**/ .ff61, .ff61 * { font-family: 'Milonga', cursive; } /**/ .ff62, .ff62 * { font-family: 'Didact Gothic', sans-serif; } /* OK */ .ff63, .ff63 * { font-family: 'Autour One', cursive; } /* OK */ .ff64, .ff64 * { font-family: 'Titillium Web', sans-serif; } /* OK */ .ff65, .ff65 * { font-family: 'Karla', sans-serif; } /**/ .ff66, .ff66 * { font-family: 'Quattrocento', serif; } /* OK */ .ff67, .ff67 * { font-family: 'Quattrocento Sans', serif; } /* OK */ .ff00, .ff00 * { font-family: 'MinionPro', serif; } /* OK */ .ff01, .ff01 * { font-family: 'MyriadPro', serif; } /* OK */ .ff02, .ff02 * { font-family: 'MyriadProCond', serif; } /* OK */ .ff03, .ff03 * { font-family: 'MyriadProSemibold', serif; } /* OK */ .ff04, .ff04 * { font-family: 'MyriadProBold', serif; } /* OK */ .ff05, .ff05 * { font-family: 'MyriadProBoldCond', serif; } /* OK */ /* VITA */ .ff06, .ff06 * { font-family: 'PT Sans', sans-serif, serif; } /* OK */ /** * [css] font-style / ESTILO DE TEXTOS (BOLD, NORMAL. ITALIC ) * */ .fb, .fb * { font-weight: bold !important; } .fn, .fn * { font-weight: normal !important; } .fi, .fi * { font-style: italic !important; } /** * [css] font-color / COLOR PARA FONTS * */ .fc0, .fc0 a, .fc0 a:hover * { color: #FFFFFF !important; } .fc1, .fc1 a, .fc1 a:hover * { color: #4D79FF !important; } .fc2, .fc2 a, .fc2 a:hover * { color: #AAAAAA !important; } .fc3, .fc3 a, .fc3 a:hover * { color: #CC0000 !important; } .fc4, .fc4 a, .fc4 a:hover * { color: #F95602 !important; } .fc5, .fc5 a, .fc5 a:hover * { color: #000000 !important; } .fc6, .fc6 a, .fc6 a:hover * { color: #00DAFF !important; } .fc00, .fc00 a, .fc00 a:hover * { color: #F0F0F0 !important; } .fc01, .fc01 a, .fc01 a:hover * { color: #F1F1F1 !important; } .fc02, .fc02 a, .fc02 a:hover * { color: #F2F2F2 !important; } .fc03, .fc03 a, .fc03 a:hover * { color: #F3F3F3 !important; } .fc04, .fc04 a, .fc04 a:hover * { color: #F4F4F4 !important; } .fc05, .fc05 a, .fc05 a:hover * { color: #F5F5F5 !important; } .fc06, .fc06 a, .fc06 a:hover * { color: #F6F6F6 !important; } .fc07, .fc07 a, .fc07 a:hover * { color: #F7F7F7 !important; } .fc08, .fc08 a, .fc08 a:hover * { color: #F8F8F8 !important; } .fc09, .fc09 a, .fc09 a:hover * { color: #F9F9F9 !important; } .fc10, .fc10 a, .fc10 a:hover * { color: #045FB4 !important; } .fc11, .fc11 a, .fc11 a:hover * { color: #1871C4 !important; } .fc12, .fc12 a, .fc12 a:hover * { color: #2881D4 !important; } .fc13, .fc13 a, .fc13 a:hover * { color: #398EDE !important; } .fc14, .fc14 a, .fc14 a:hover * { color: #4397E6 !important; } .fc15, .fc15 a, .fc15 a:hover * { color: #4E93ED !important; } .fc16, .fc16 a, .fc16 a:hover * { color: #69A4F0 !important; } .fc17, .fc17 a, .fc17 a:hover * { color: #91C0FC !important; } .fc18, .fc18 a, .fc18 a:hover * { color: #A9CDFC !important; } .fc19, .fc19 a, .fc19 a:hover * { color: #D0E5FF !important; } .fc20, .fc20 a, .fc20 a:hover * { color: #A0A0A0 !important; } .fc21, .fc21 a, .fc21 a:hover * { color: #A4A4A4 !important; } .fc22, .fc22 a, .fc22 a:hover * { color: #A8A8A8 !important; } .fc23, .fc23 a, .fc23 a:hover * { color: #ABABAB !important; } .fc24, .fc24 a, .fc24 a:hover * { color: #ACACAC !important; } .fc25, .fc25 a, .fc25 a:hover * { color: #B0B0B0 !important; } .fc26, .fc26 a, .fc26 a:hover * { color: #B4B4B4 !important; } .fc27, .fc27 a, .fc27 a:hover * { color: #B8B8B8 !important; } .fc28, .fc28 a, .fc28 a:hover * { color: #BBBBBB !important; } .fc29, .fc29 a, .fc29 a:hover * { color: #BFBFBF !important; } .fc30, .fc30 a, .fc30 a:hover * { color: #D30404 !important; } .fc31, .fc31 a, .fc31 a:hover * { color: #D70000 !important; } .fc32, .fc32 a, .fc32 a:hover * { color: #E00000 !important; } .fc33, .fc33 a, .fc33 a:hover * { color: #EC0000 !important; } .fc34, .fc34 a, .fc34 a:hover * { color: #F00000 !important; } .fc35, .fc35 a, .fc35 a:hover * { color: #FA0000 !important; } .fc36, .fc36 a, .fc36 a:hover * { color: #FE1B1B !important; } .fc37, .fc37 a, .fc37 a:hover * { color: #FF3434 !important; } .fc38, .fc38 a, .fc38 a:hover * { color: #FF4E4E !important; } .fc39, .fc39 a, .fc39 a:hover * { color: #FF7070 !important; } .fc40, .fc40 a, .fc40 a:hover * { color: #FC6D00 !important; } .fc41, .fc41 a, .fc41 a:hover * { color: #FF770E !important; } .fc42, .fc42 a, .fc42 a:hover * { color: #FE7B17 !important; } .fc43, .fc43 a, .fc43 a:hover * { color: #FE8121 !important; } .fc44, .fc44 a, .fc44 a:hover * { color: #FD872C !important; } .fc45, .fc45 a, .fc45 a:hover * { color: #FE8E39 !important; } .fc46, .fc46 a, .fc46 a:hover * { color: #FF9443 !important; } .fc47, .fc47 a, .fc47 a:hover * { color: #FF9A4D !important; } .fc48, .fc48 a, .fc48 a:hover * { color: #FEA057 !important; } .fc49, .fc49 a, .fc49 a:hover * { color: #FDA766 !important; } .fc50, .fc50 a, .fc50 a:hover * { color: #000000 !important; } .fc51, .fc51 a, .fc51 a:hover * { color: #111111 !important; } .fc52, .fc52 a, .fc52 a:hover * { color: #222222 !important; } .fc53, .fc53 a, .fc53 a:hover * { color: #333333 !important; } .fc54, .fc54 a, .fc54 a:hover * { color: #444444 !important; } .fc55, .fc55 a, .fc55 a:hover * { color: #555555 !important; } .fc56, .fc56 a, .fc56 a:hover * { color: #666666 !important; } .fc57, .fc57 a, .fc57 a:hover * { color: #777777 !important; } .fc58, .fc58 a, .fc58 a:hover * { color: #888888 !important; } .fc59, .fc59 a, .fc59 a:hover * { color: #999999 !important; } .fc100 { color: rgba(255, 255, 255, 0.1) !important; } .fc101 { color: rgba( 17, 121, 255, 0.1) !important; } .fc102 { color: rgba(170, 170, 170, 0.1) !important; } .fc103 { color: rgba(204, 0, 0, 0.1) !important; } .fc104 { color: rgba(249, 86, 2, 0.1) !important; } .fc105 { color: rgba( 0, 0, 0, 0.1) !important; } .fc106 { color: rgba( 0, 218, 255, 0.1) !important; } /** * [css] background-color / COLOR DE FONDO * */ .bct { background-color: transparent !important; } .bc0 { background-color: #FFFFFF !important; } .bc1 { background-color: #4D79FF !important; } .bc2 { background-color: #AAAAAA !important; } .bc3 { background-color: #CC0000 !important; } .bc4 { background-color: #F95602 !important; } .bc5 { background-color: #000000 !important; } .bc6 { background-color: #00DAFF !important; } .bc100 { background-color: #F7F7F7 !important; } .bc101 { background-color: #DAE3FE !important; } .bc102 { background-color: #EEEEEE !important; } .bc103 { background-color: #FEE6E6 !important; } .bc104 { background-color: #FFEDE3 !important; } .bc105 { background-color: #313131 !important; } .bc106 { background-color: #EDFDFF !important; } .bc200 { background-color: rgba(255, 255, 255, 0.1) !important; } .bc201 { background-color: rgba( 17, 121, 255, 0.1) !important; } .bc202 { background-color: rgba(170, 170, 170, 0.1) !important; } .bc203 { background-color: rgba(204, 0, 0, 0.1) !important; } .bc204 { background-color: rgba(249, 86, 2, 0.1) !important; } .bc205 { background-color: rgba( 0, 0, 0, 0.1) !important; } .bc206 { background-color: rgba( 0, 218, 255, 0.1) !important; } .bc900 { background-color: rgba(255, 255, 255, 0.9) !important; } .bc00, .bc00 a, .bc00 a:hover * { background-color: #F0F0F0 !important; } .bc01, .bc01 a, .bc01 a:hover * { background-color: #F1F1F1 !important; } .bc02, .bc02 a, .bc02 a:hover * { background-color: #F2F2F2 !important; } .bc03, .bc03 a, .bc03 a:hover * { background-color: #F3F3F3 !important; } .bc04, .bc04 a, .bc04 a:hover * { background-color: #F4F4F4 !important; } .bc05, .bc05 a, .bc05 a:hover * { background-color: #F5F5F5 !important; } .bc06, .bc06 a, .bc06 a:hover * { background-color: #F6F6F6 !important; } .bc07, .bc07 a, .bc07 a:hover * { background-color: #F7F7F7 !important; } .bc08, .bc08 a, .bc08 a:hover * { background-color: #F8F8F8 !important; } .bc09, .bc09 a, .bc09 a:hover * { background-color: #F9F9F9 !important; } .bc10, .bc10 a, .bc10 a:hover * { background-color: #045FB4 !important; } .bc11, .bc11 a, .bc11 a:hover * { background-color: #1871C4 !important; } .bc12, .bc12 a, .bc12 a:hover * { background-color: #2881D4 !important; } .bc13, .bc13 a, .bc13 a:hover * { background-color: #398EDE !important; } .bc14, .bc14 a, .bc14 a:hover * { background-color: #4397E6 !important; } .bc15, .bc15 a, .bc15 a:hover * { background-color: #4E93ED !important; } .bc16, .bc16 a, .bc16 a:hover * { background-color: #69A4F0 !important; } .bc17, .bc17 a, .bc17 a:hover * { background-color: #91C0FC !important; } .bc18, .bc18 a, .bc18 a:hover * { background-color: #A9CDFC !important; } .bc19, .bc19 a, .bc19 a:hover * { background-color: #D0E5FF !important; } .bc20, .bc20 a, .bc20 a:hover * { background-color: #A0A0A0 !important; } .bc21, .bc21 a, .bc21 a:hover * { background-color: #A1A1A1 !important; } .bc22, .bc22 a, .bc22 a:hover * { background-color: #A2A2A2 !important; } .bc23, .bc23 a, .bc23 a:hover * { background-color: #A3A3A3 !important; } .bc24, .bc24 a, .bc24 a:hover * { background-color: #A4A4A4 !important; } .bc25, .bc25 a, .bc25 a:hover * { background-color: #A5A5A5 !important; } .bc26, .bc26 a, .bc26 a:hover * { background-color: #A6A6A6 !important; } .bc27, .bc27 a, .bc27 a:hover * { background-color: #A7A7A7 !important; } .bc28, .bc28 a, .bc28 a:hover * { background-color: #A8A8A8 !important; } .bc29, .bc29 a, .bc29 a:hover * { background-color: #A9A9A9 !important; } .bc30, .bc30 a, .bc30 a:hover * { background-color: #D30404 !important; } .bc31, .bc31 a, .bc31 a:hover * { background-color: #D70000 !important; } .bc32, .bc32 a, .bc32 a:hover * { background-color: #E00000 !important; } .bc33, .bc33 a, .bc33 a:hover * { background-color: #EC0000 !important; } .bc34, .bc34 a, .bc34 a:hover * { background-color: #F00000 !important; } .bc35, .bc35 a, .bc35 a:hover * { background-color: #FA0000 !important; } .bc36, .bc36 a, .bc36 a:hover * { background-color: #FE1B1B !important; } .bc37, .bc37 a, .bc37 a:hover * { background-color: #FF3434 !important; } .bc38, .bc38 a, .bc38 a:hover * { background-color: #FF4E4E !important; } .bc39, .bc39 a, .bc39 a:hover * { background-color: #FF7070 !important; } .bc40, .bc40 a, .bc40 a:hover * { background-color: #FC6D00 !important; } .bc41, .bc41 a, .bc41 a:hover * { background-color: #FF770E !important; } .bc42, .bc42 a, .bc42 a:hover * { background-color: #FE7B17 !important; } .bc43, .bc43 a, .bc43 a:hover * { background-color: #FE8121 !important; } .bc44, .bc44 a, .bc44 a:hover * { background-color: #FD872C !important; } .bc45, .bc45 a, .bc45 a:hover * { background-color: #FE8E39 !important; } .bc46, .bc46 a, .bc46 a:hover * { background-color: #FF9443 !important; } .bc47, .bc47 a, .bc47 a:hover * { background-color: #FF9A4D !important; } .bc48, .bc48 a, .bc48 a:hover * { background-color: #FEA057 !important; } .bc49, .bc49 a, .bc49 a:hover * { background-color: #FDA766 !important; } .bc50, .bc50 a, .bc50 a:hover * { background-color: #000000 !important; } .bc51, .bc51 a, .bc51 a:hover * { background-color: #111111 !important; } .bc52, .bc52 a, .bc52 a:hover * { background-color: #222222 !important; } .bc53, .bc53 a, .bc53 a:hover * { background-color: #333333 !important; } .bc54, .bc54 a, .bc54 a:hover * { background-color: #444444 !important; } .bc55, .bc55 a, .bc55 a:hover * { background-color: #555555 !important; } .bc56, .bc56 a, .bc56 a:hover * { background-color: #666666 !important; } .bc57, .bc57 a, .bc57 a:hover * { background-color: #777777 !important; } .bc58, .bc58 a, .bc58 a:hover * { background-color: #888888 !important; } .bc59, .bc59 a, .bc59 a:hover * { background-color: #999999 !important; } /** * [css] CLASES / SUBCLASES PARA CREAR PUNTAS DE FLECHA PARA IMAGENES / * * objg-flch obcp-flch-anpx-10 obcp-flch-colr-6 obcp-orie-dere * */ .objg-flch { position: absolute; width: 0px; height:0px; border-style: solid; border-width: 5px; /* ancho inicial */ border-color: #F0F0F0; z-index: 1000; } /*** [css] PROPIEDADES O SUBCLASES DE FLECHAS */ /* WIDTH */ .obcp-flch-anpx-1 { border-width: 1px; } .obcp-flch-anpx-2 { border-width: 2px; } .obcp-flch-anpx-3 { border-width: 3px; } .obcp-flch-anpx-4 { border-width: 4px; } .obcp-flch-anpx-5 { border-width: 5px; } .obcp-flch-anpx-6 { border-width: 6px; } .obcp-flch-anpx-7 { border-width: 7px; } .obcp-flch-anpx-8 { border-width: 8px; } .obcp-flch-anpx-9 { border-width: 9px; } .obcp-flch-anpx-10 { border-width: 10px; } .obcp-flch-anpx-11 { border-width: 11px; } .obcp-flch-anpx-12 { border-width: 12px; } .obcp-flch-anpx-13 { border-width: 13px; } .obcp-flch-anpx-14 { border-width: 14px; } .obcp-flch-anpx-15 { border-width: 15px; } .obcp-flch-anpx-16 { border-width: 16px; } .obcp-flch-anpx-17 { border-width: 17px; } .obcp-flch-anpx-18 { border-width: 18px; } .obcp-flch-anpx-19 { border-width: 19px; } .obcp-flch-anpx-20 { border-width: 20px; } .obcp-flch-anpx-21 { border-width: 21px; } .obcp-flch-anpx-22 { border-width: 22px; } .obcp-flch-anpx-23 { border-width: 23px; } .obcp-flch-anpx-24 { border-width: 24px; } .obcp-flch-anpx-25 { border-width: 25px; } .obcp-flch-anpx-26 { border-width: 26px; } .obcp-flch-anpx-27 { border-width: 27px; } .obcp-flch-anpx-28 { border-width: 28px; } .obcp-flch-anpx-29 { border-width: 29px; } .obcp-flch-anpx-30 { border-width: 30px; } .obcp-flch-anpx-31 { border-width: 31px; } .obcp-flch-anpx-32 { border-width: 32px; } .obcp-flch-anpx-33 { border-width: 33px; } .obcp-flch-anpx-34 { border-width: 34px; } .obcp-flch-anpx-35 { border-width: 35px; } .obcp-flch-anpx-36 { border-width: 36px; } .obcp-flch-anpx-37 { border-width: 37px; } .obcp-flch-anpx-38 { border-width: 38px; } .obcp-flch-anpx-39 { border-width: 39px; } .obcp-flch-anpx-40 { border-width: 40px; } /* COLORES */ .obcp-flch-colr-t { border-color: transparent; } .obcp-flch-colr-0 { border-color: #FFFFFF; } .obcp-flch-colr-1 { border-color: #4D79FF; } .obcp-flch-colr-2 { border-color: #AAAAAA; } .obcp-flch-colr-3 { border-color: #CC0000; } .obcp-flch-colr-4 { border-color: #F95602; } .obcp-flch-colr-5 { border-color: #000000; } .obcp-flch-colr-6 { border-color: #00DAFF; } .obcp-flch-colr-7 { border-color: #333333; } .obcp-flch-colr-100 { border-color: #F7F7F7; } .obcp-flch-colr-101 { border-color: #DAE3FE; } .obcp-flch-colr-102 { border-color: #EEEEEE; } .obcp-flch-colr-103 { border-color: #FEE6E6; } .obcp-flch-colr-104 { border-color: #FFEDE3; } .obcp-flch-colr-105 { border-color: #313131; } .obcp-flch-colr-106 { border-color: #EDFDFF; } .obcp-flch-colr-200 { border-color: rgba(255, 255, 255, 0.1); } .obcp-flch-colr-201 { border-color: rgba( 17, 121, 255, 0.1); } .obcp-flch-colr-202 { border-color: rgba(170, 170, 170, 0.1); } .obcp-flch-colr-203 { border-color: rgba(204, 0, 0, 0.1); } .obcp-flch-colr-204 { border-color: rgba(249, 86, 2, 0.1); } .obcp-flch-colr-205 { border-color: rgba( 0, 0, 0, 0.1); } .obcp-flch-colr-206 { border-color: rgba( 0, 218, 255, 0.1); } .obcp-flch-colr-900 { border-color: rgba(255, 255, 255, 0.9); } .obcp-flch-colr-00 { border-color: #F0F0F0; } .obcp-flch-colr-01 { border-color: #F1F1F1; } .obcp-flch-colr-02 { border-color: #F2F2F2; } .obcp-flch-colr-03 { border-color: #F3F3F3; } .obcp-flch-colr-04 { border-color: #F4F4F4; } .obcp-flch-colr-05 { border-color: #F5F5F5; } .obcp-flch-colr-06 { border-color: #F6F6F6; } .obcp-flch-colr-07 { border-color: #F7F7F7; } .obcp-flch-colr-08 { border-color: #F8F8F8; } .obcp-flch-colr-09 { border-color: #F9F9F9; } .obcp-flch-colr-10 { border-color: #045FB4; } .obcp-flch-colr-11 { border-color: #1871C4; } .obcp-flch-colr-12 { border-color: #2881D4; } .obcp-flch-colr-13 { border-color: #398EDE; } .obcp-flch-colr-14 { border-color: #4397E6; } .obcp-flch-colr-15 { border-color: #4E93ED; } .obcp-flch-colr-16 { border-color: #69A4F0; } .obcp-flch-colr-17 { border-color: #91C0FC; } .obcp-flch-colr-18 { border-color: #A9CDFC; } .obcp-flch-colr-19 { border-color: #D0E5FF; } .obcp-flch-colr-20 { border-color: #A0A0A0; } .obcp-flch-colr-21 { border-color: #A1A1A1; } .obcp-flch-colr-22 { border-color: #A2A2A2; } .obcp-flch-colr-23 { border-color: #A3A3A3; } .obcp-flch-colr-24 { border-color: #A4A4A4; } .obcp-flch-colr-25 { border-color: #A5A5A5; } .obcp-flch-colr-26 { border-color: #A6A6A6; } .obcp-flch-colr-27 { border-color: #A7A7A7; } .obcp-flch-colr-28 { border-color: #A8A8A8; } .obcp-flch-colr-29 { border-color: #A9A9A9; } .obcp-flch-colr-30 { border-color: #D30404; } .obcp-flch-colr-31 { border-color: #D70000; } .obcp-flch-colr-32 { border-color: #E00000; } .obcp-flch-colr-33 { border-color: #EC0000; } .obcp-flch-colr-34 { border-color: #F00000; } .obcp-flch-colr-35 { border-color: #FA0000; } .obcp-flch-colr-36 { border-color: #FE1B1B; } .obcp-flch-colr-37 { border-color: #FF3434; } .obcp-flch-colr-38 { border-color: #FF4E4E; } .obcp-flch-colr-39 { border-color: #FF7070; } .obcp-flch-colr-40 { border-color: #FC6D00; } .obcp-flch-colr-41 { border-color: #FF770E; } .obcp-flch-colr-42 { border-color: #FE7B17; } .obcp-flch-colr-43 { border-color: #FE8121; } .obcp-flch-colr-44 { border-color: #FD872C; } .obcp-flch-colr-45 { border-color: #FE8E39; } .obcp-flch-colr-46 { border-color: #FF9443; } .obcp-flch-colr-47 { border-color: #FF9A4D; } .obcp-flch-colr-48 { border-color: #FEA057; } .obcp-flch-colr-49 { border-color: #FDA766; } .obcp-flch-colr-50 { border-color: #000000; } .obcp-flch-colr-51 { border-color: #111111; } .obcp-flch-colr-52 { border-color: #222222; } .obcp-flch-colr-53 { border-color: #333333; } .obcp-flch-colr-54 { border-color: #444444; } .obcp-flch-colr-55 { border-color: #555555; } .obcp-flch-colr-56 { border-color: #666666; } .obcp-flch-colr-57 { border-color: #777777; } .obcp-flch-colr-58 { border-color: #888888; } .obcp-flch-colr-59 { border-color: #999999; } /* ORIENTACIONES / ARRIBA / ABAJO / IZQUIERDA / DERECHA */ .obcp-orie-dere { border-top-color: transparent !important; border-bottom-color: transparent !important; border-right-color: transparent !important; border-right-width: 0px; } .obcp-orie-izqu { border-top-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-left-width: 0px; } .obcp-orie-arri { border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; border-top-width: 0px; } .obcp-orie-abaj { border-bottom-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; border-bottom-width: 0px; } /** * SOMBRAS Y ROTACIÓN * */ /* Sombra general */ .objg-smbr-inse-1, .objg-smbr-ouse-1, .objg-smbr-inse-2, .objg-smbr-ouse-2 { position:relative; float:left; /* width: auto; line-height: 30px; */ padding: 0; margin:2em 6px 4em; background:#fff; } .objg-smbr-inse-1 { -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .objg-smbr-inse-2 { -webkit-box-shadow:0 3px 2px 0px #DDDDDD, 0 0 20px #DDDDDD inset; -moz-box-shadow:0 3px 2px 0px #DDDDDD, 0 0 20px #DDDDDD inset; box-shadow:0 3px 2px 0px #DDDDDD, 0 0 20px #DDDDDD inset; } .objg-smbr-ouse-1 { -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); } .objg-smbr-ouse-2 { -webkit-box-shadow:0 3px 2px 0px #DDDDDD, 0 0 20px #DDDDDD; -moz-box-shadow:0 3px 2px 0px #DDDDDD, 0 0 20px #DDDDDD; box-shadow:0 3px 2px 0px #DDDDDD, 0 0 20px #DDDDDD; } .objg-smbr-inse-1:before, .objg-smbr-inse-1:after { content:""; position:absolute; z-index:-2; } .objg-smbr-inse-2:before, .objg-smbr-inse-2:after { content:""; position:absolute; z-index:-2; } .objg-smbr-ouse-1:before, .objg-smbr-ouse-1:after { content:""; position:absolute; z-index:-2; } .objg-smbr-ouse-2:before, .objg-smbr-ouse-2:after { content:""; position:absolute; z-index:-2; } /* Sombra con Bordes elevados en las esquinas inferiores */ .objp-eelv { -moz-border-radius:4px; border-radius:4px; } .objp-eelv:before, .objp-eelv:after { bottom:15px; left:10px; width:50%; height:20%; max-width:300px; max-height:100px; -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); } .objp-eelv:after { right:10px; left:auto; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); } /* Sombra con Bordes curvados */ .objp-riza { border:1px solid #efefef; -moz-border-radius:0 0 120px 120px / 0 0 6px 6px; border-radius:0 0 120px 120px / 0 0 6px 6px; } .objp-riza:before, .objp-riza:after { bottom:12px; left:10px; width:50%; height:55%; max-width:200px; max-height:100px; -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); -webkit-transform:skew(-8deg) rotate(-3deg); -moz-transform:skew(-8deg) rotate(-3deg); -ms-transform:skew(-8deg) rotate(-3deg); -o-transform:skew(-8deg) rotate(-3deg); transform:skew(-8deg) rotate(-3deg); } .objp-riza:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } /* Sombra con Perspectiva */ .objp-ppec:before { left:80px; bottom:5px; width:50%; height:35%; max-width:200px; max-height:50px; -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4); -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4); box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4); -webkit-transform:skew(50deg); -moz-transform:skew(50deg); -ms-transform:skew(50deg); -o-transform:skew(50deg); transform:skew(50deg); -webkit-transform-origin:0 100%; -moz-transform-origin:0 100%; -ms-transform-origin:0 100%; -o-transform-origin:0 100%; transform-origin:0 100%; } .objp-ppec:after { display:none; } /* Sombra con Caja elevada - No requiere pseudoelementos */ .objp-elev-ouse { -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) ; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) ; } .objp-elev-inse { -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } /* Cajas curvadas */ .objp-curv:before { top:10px; bottom:10px; left:0; right:50%; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-border-radius:10px / 100px; border-radius:10px / 100px; } /* Objeto pseudoelementos de la clase de sub-propiedades obsp-curv */ .obps-curv-vert:before { right: 0; } .obps-curv-horz-bott:before { top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .obps-curv-horz-topp:before { top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } /* Cajas rotadas o volteada */ /* SENTIDO DEL RELOJ */ .objp-rota-1 , .objp-rota-2 , .objp-rota-3 , .objp-rota-4 , .objp-rota-5 , .objp-rota-6 , .objp-rota-7 , .objp-rota-8 , .objp-rota-9 , .objp-rota-10, .objp-rota-11, .objp-rota-12, .objp-rota-13, .objp-rota-14, .objp-rota-15, .objp-rota-16, .objp-rota-17, .objp-rota-18, .objp-rota-19, .objp-rota-20, .objp-rota-21, .objp-rota-22, .objp-rota-23, .objp-rota-24, .objp-rota-25, .objp-rota-26, .objp-rota-27, .objp-rota-28, .objp-rota-29, .objp-rota-30, .objp-rota-31, .objp-rota-32, .objp-rota-33, .objp-rota-34, .objp-rota-35, .objp-rota-36, .objp-rota-37, .objp-rota-38, .objp-rota-39, .objp-rota-40, .objp-rota-41, .objp-rota-42, .objp-rota-43, .objp-rota-44, .objp-rota-45, .objp-rota-46, .objp-rota-47, .objp-rota-48, .objp-rota-49, .objp-rota-50, .objp-rota-51, .objp-rota-52, .objp-rota-53, .objp-rota-54, .objp-rota-55, .objp-rota-56, .objp-rota-57, .objp-rota-58, .objp-rota-59, .objp-rota-60, .objp-rota-61, .objp-rota-62, .objp-rota-63, .objp-rota-64, .objp-rota-65, .objp-rota-66, .objp-rota-67, .objp-rota-68, .objp-rota-69, .objp-rota-70, .objp-rota-71, .objp-rota-72, .objp-rota-73, .objp-rota-74, .objp-rota-75, .objp-rota-76, .objp-rota-77, .objp-rota-78, .objp-rota-79, .objp-rota-80, .objp-rota-81, .objp-rota-82, .objp-rota-83, .objp-rota-84, .objp-rota-85, .objp-rota-86, .objp-rota-87, .objp-rota-88, .objp-rota-89, .objp-rota-90 { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .objp-rota-1 { -webkit-transform:rotate( 1deg); -moz-transform:rotate( 1deg); -ms-transform:rotate( 1deg); -o-transform:rotate( 1deg); transform:rotate( 1deg); } .objp-rota-2 { -webkit-transform:rotate( 2deg); -moz-transform:rotate( 2deg); -ms-transform:rotate( 2deg); -o-transform:rotate( 2deg); transform:rotate( 2deg); } .objp-rota-3 { -webkit-transform:rotate( 3deg); -moz-transform:rotate( 3deg); -ms-transform:rotate( 3deg); -o-transform:rotate( 3deg); transform:rotate( 3deg); } .objp-rota-4 { -webkit-transform:rotate( 4deg); -moz-transform:rotate( 4deg); -ms-transform:rotate( 4deg); -o-transform:rotate( 4deg); transform:rotate( 4deg); } .objp-rota-5 { -webkit-transform:rotate( 5deg); -moz-transform:rotate( 5deg); -ms-transform:rotate( 5deg); -o-transform:rotate( 5deg); transform:rotate( 5deg); } .objp-rota-6 { -webkit-transform:rotate( 6deg); -moz-transform:rotate( 6deg); -ms-transform:rotate( 6deg); -o-transform:rotate( 6deg); transform:rotate( 6deg); } .objp-rota-7 { -webkit-transform:rotate( 7deg); -moz-transform:rotate( 7deg); -ms-transform:rotate( 7deg); -o-transform:rotate( 7deg); transform:rotate( 7deg); } .objp-rota-8 { -webkit-transform:rotate( 8deg); -moz-transform:rotate( 8deg); -ms-transform:rotate( 8deg); -o-transform:rotate( 8deg); transform:rotate( 8deg); } .objp-rota-9 { -webkit-transform:rotate( 9deg); -moz-transform:rotate( 9deg); -ms-transform:rotate( 9deg); -o-transform:rotate( 9deg); transform:rotate( 9deg); } .objp-rota-10 { -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -ms-transform:rotate(10deg); -o-transform:rotate(10deg); transform:rotate(10deg); } .objp-rota-11 { -webkit-transform:rotate(11deg); -moz-transform:rotate(11deg); -ms-transform:rotate(11deg); -o-transform:rotate(11deg); transform:rotate(11deg); } .objp-rota-12 { -webkit-transform:rotate(12deg); -moz-transform:rotate(12deg); -ms-transform:rotate(12deg); -o-transform:rotate(12deg); transform:rotate(12deg); } .objp-rota-13 { -webkit-transform:rotate(13deg); -moz-transform:rotate(13deg); -ms-transform:rotate(13deg); -o-transform:rotate(13deg); transform:rotate(13deg); } .objp-rota-14 { -webkit-transform:rotate(14deg); -moz-transform:rotate(14deg); -ms-transform:rotate(14deg); -o-transform:rotate(14deg); transform:rotate(14deg); } .objp-rota-15 { -webkit-transform:rotate(15deg); -moz-transform:rotate(15deg); -ms-transform:rotate(15deg); -o-transform:rotate(15deg); transform:rotate(15deg); } .objp-rota-16 { -webkit-transform:rotate(16deg); -moz-transform:rotate(16deg); -ms-transform:rotate(16deg); -o-transform:rotate(16deg); transform:rotate(16deg); } .objp-rota-17 { -webkit-transform:rotate(17deg); -moz-transform:rotate(17deg); -ms-transform:rotate(17deg); -o-transform:rotate(17deg); transform:rotate(17deg); } .objp-rota-18 { -webkit-transform:rotate(18deg); -moz-transform:rotate(18deg); -ms-transform:rotate(18deg); -o-transform:rotate(18deg); transform:rotate(18deg); } .objp-rota-19 { -webkit-transform:rotate(19deg); -moz-transform:rotate(19deg); -ms-transform:rotate(19deg); -o-transform:rotate(19deg); transform:rotate(19deg); } .objp-rota-20 { -webkit-transform:rotate(20deg); -moz-transform:rotate(20deg); -ms-transform:rotate(20deg); -o-transform:rotate(20deg); transform:rotate(20deg); } .objp-rota-21 { -webkit-transform:rotate(21deg); -moz-transform:rotate(21deg); -ms-transform:rotate(21deg); -o-transform:rotate(21deg); transform:rotate(21deg); } .objp-rota-22 { -webkit-transform:rotate(22deg); -moz-transform:rotate(22deg); -ms-transform:rotate(22deg); -o-transform:rotate(22deg); transform:rotate(22deg); } .objp-rota-23 { -webkit-transform:rotate(23deg); -moz-transform:rotate(23deg); -ms-transform:rotate(23deg); -o-transform:rotate(23deg); transform:rotate(23deg); } .objp-rota-24 { -webkit-transform:rotate(24deg); -moz-transform:rotate(24deg); -ms-transform:rotate(24deg); -o-transform:rotate(24deg); transform:rotate(24deg); } .objp-rota-25 { -webkit-transform:rotate(25deg); -moz-transform:rotate(25deg); -ms-transform:rotate(25deg); -o-transform:rotate(25deg); transform:rotate(25deg); } .objp-rota-26 { -webkit-transform:rotate(26deg); -moz-transform:rotate(26deg); -ms-transform:rotate(26deg); -o-transform:rotate(26deg); transform:rotate(26deg); } .objp-rota-27 { -webkit-transform:rotate(27deg); -moz-transform:rotate(27deg); -ms-transform:rotate(27deg); -o-transform:rotate(27deg); transform:rotate(27deg); } .objp-rota-28 { -webkit-transform:rotate(28deg); -moz-transform:rotate(28deg); -ms-transform:rotate(28deg); -o-transform:rotate(28deg); transform:rotate(28deg); } .objp-rota-29 { -webkit-transform:rotate(29deg); -moz-transform:rotate(29deg); -ms-transform:rotate(29deg); -o-transform:rotate(29deg); transform:rotate(29deg); } .objp-rota-30 { -webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); -ms-transform:rotate(30deg); -o-transform:rotate(30deg); transform:rotate(30deg); } .objp-rota-31 { -webkit-transform:rotate(31deg); -moz-transform:rotate(31deg); -ms-transform:rotate(31deg); -o-transform:rotate(31deg); transform:rotate(31deg); } .objp-rota-32 { -webkit-transform:rotate(32deg); -moz-transform:rotate(32deg); -ms-transform:rotate(32deg); -o-transform:rotate(32deg); transform:rotate(32deg); } .objp-rota-33 { -webkit-transform:rotate(33deg); -moz-transform:rotate(33deg); -ms-transform:rotate(33deg); -o-transform:rotate(33deg); transform:rotate(33deg); } .objp-rota-34 { -webkit-transform:rotate(34deg); -moz-transform:rotate(34deg); -ms-transform:rotate(34deg); -o-transform:rotate(34deg); transform:rotate(34deg); } .objp-rota-35 { -webkit-transform:rotate(35deg); -moz-transform:rotate(35deg); -ms-transform:rotate(35deg); -o-transform:rotate(35deg); transform:rotate(35deg); } .objp-rota-36 { -webkit-transform:rotate(36deg); -moz-transform:rotate(36deg); -ms-transform:rotate(36deg); -o-transform:rotate(36deg); transform:rotate(36deg); } .objp-rota-37 { -webkit-transform:rotate(37deg); -moz-transform:rotate(37deg); -ms-transform:rotate(37deg); -o-transform:rotate(37deg); transform:rotate(37deg); } .objp-rota-38 { -webkit-transform:rotate(38deg); -moz-transform:rotate(38deg); -ms-transform:rotate(38deg); -o-transform:rotate(38deg); transform:rotate(38deg); } .objp-rota-39 { -webkit-transform:rotate(39deg); -moz-transform:rotate(39deg); -ms-transform:rotate(39deg); -o-transform:rotate(39deg); transform:rotate(39deg); } .objp-rota-40 { -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg); } .objp-rota-41 { -webkit-transform:rotate(41deg); -moz-transform:rotate(41deg); -ms-transform:rotate(41deg); -o-transform:rotate(41deg); transform:rotate(41deg); } .objp-rota-42 { -webkit-transform:rotate(42deg); -moz-transform:rotate(42deg); -ms-transform:rotate(42deg); -o-transform:rotate(42deg); transform:rotate(42deg); } .objp-rota-43 { -webkit-transform:rotate(43deg); -moz-transform:rotate(43deg); -ms-transform:rotate(43deg); -o-transform:rotate(43deg); transform:rotate(43deg); } .objp-rota-44 { -webkit-transform:rotate(44deg); -moz-transform:rotate(44deg); -ms-transform:rotate(44deg); -o-transform:rotate(44deg); transform:rotate(44deg); } .objp-rota-45 { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .objp-rota-46 { -webkit-transform:rotate(46deg); -moz-transform:rotate(46deg); -ms-transform:rotate(46deg); -o-transform:rotate(46deg); transform:rotate(46deg); } .objp-rota-47 { -webkit-transform:rotate(47deg); -moz-transform:rotate(47deg); -ms-transform:rotate(47deg); -o-transform:rotate(47deg); transform:rotate(47deg); } .objp-rota-48 { -webkit-transform:rotate(48deg); -moz-transform:rotate(48deg); -ms-transform:rotate(48deg); -o-transform:rotate(48deg); transform:rotate(48deg); } .objp-rota-49 { -webkit-transform:rotate(49deg); -moz-transform:rotate(49deg); -ms-transform:rotate(49deg); -o-transform:rotate(49deg); transform:rotate(49deg); } .objp-rota-50 { -webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -o-transform:rotate(50deg); transform:rotate(50deg); } .objp-rota-51 { -webkit-transform:rotate(51deg); -moz-transform:rotate(51deg); -ms-transform:rotate(51deg); -o-transform:rotate(51deg); transform:rotate(51deg); } .objp-rota-52 { -webkit-transform:rotate(52deg); -moz-transform:rotate(52deg); -ms-transform:rotate(52deg); -o-transform:rotate(52deg); transform:rotate(52deg); } .objp-rota-53 { -webkit-transform:rotate(53deg); -moz-transform:rotate(53deg); -ms-transform:rotate(53deg); -o-transform:rotate(53deg); transform:rotate(53deg); } .objp-rota-54 { -webkit-transform:rotate(54deg); -moz-transform:rotate(54deg); -ms-transform:rotate(54deg); -o-transform:rotate(54deg); transform:rotate(54deg); } .objp-rota-55 { -webkit-transform:rotate(55deg); -moz-transform:rotate(55deg); -ms-transform:rotate(55deg); -o-transform:rotate(55deg); transform:rotate(55deg); } .objp-rota-56 { -webkit-transform:rotate(56deg); -moz-transform:rotate(56deg); -ms-transform:rotate(56deg); -o-transform:rotate(56deg); transform:rotate(56deg); } .objp-rota-57 { -webkit-transform:rotate(57deg); -moz-transform:rotate(57deg); -ms-transform:rotate(57deg); -o-transform:rotate(57deg); transform:rotate(57deg); } .objp-rota-58 { -webkit-transform:rotate(58deg); -moz-transform:rotate(58deg); -ms-transform:rotate(58deg); -o-transform:rotate(58deg); transform:rotate(58deg); } .objp-rota-59 { -webkit-transform:rotate(59deg); -moz-transform:rotate(59deg); -ms-transform:rotate(59deg); -o-transform:rotate(59deg); transform:rotate(59deg); } .objp-rota-60 { -webkit-transform:rotate(60deg); -moz-transform:rotate(60deg); -ms-transform:rotate(60deg); -o-transform:rotate(60deg); transform:rotate(60deg); } .objp-rota-61 { -webkit-transform:rotate(61deg); -moz-transform:rotate(61deg); -ms-transform:rotate(61deg); -o-transform:rotate(61deg); transform:rotate(61deg); } .objp-rota-62 { -webkit-transform:rotate(62deg); -moz-transform:rotate(62deg); -ms-transform:rotate(62deg); -o-transform:rotate(62deg); transform:rotate(62deg); } .objp-rota-63 { -webkit-transform:rotate(63deg); -moz-transform:rotate(63deg); -ms-transform:rotate(63deg); -o-transform:rotate(63deg); transform:rotate(63deg); } .objp-rota-64 { -webkit-transform:rotate(64deg); -moz-transform:rotate(64deg); -ms-transform:rotate(64deg); -o-transform:rotate(64deg); transform:rotate(64deg); } .objp-rota-65 { -webkit-transform:rotate(65deg); -moz-transform:rotate(65deg); -ms-transform:rotate(65deg); -o-transform:rotate(65deg); transform:rotate(65deg); } .objp-rota-66 { -webkit-transform:rotate(66deg); -moz-transform:rotate(66deg); -ms-transform:rotate(66deg); -o-transform:rotate(66deg); transform:rotate(66deg); } .objp-rota-67 { -webkit-transform:rotate(67deg); -moz-transform:rotate(67deg); -ms-transform:rotate(67deg); -o-transform:rotate(67deg); transform:rotate(67deg); } .objp-rota-68 { -webkit-transform:rotate(68deg); -moz-transform:rotate(68deg); -ms-transform:rotate(68deg); -o-transform:rotate(68deg); transform:rotate(68deg); } .objp-rota-69 { -webkit-transform:rotate(69deg); -moz-transform:rotate(69deg); -ms-transform:rotate(69deg); -o-transform:rotate(69deg); transform:rotate(69deg); } .objp-rota-70 { -webkit-transform:rotate(70deg); -moz-transform:rotate(70deg); -ms-transform:rotate(70deg); -o-transform:rotate(70deg); transform:rotate(70deg); } .objp-rota-71 { -webkit-transform:rotate(71deg); -moz-transform:rotate(71deg); -ms-transform:rotate(71deg); -o-transform:rotate(71deg); transform:rotate(71deg); } .objp-rota-72 { -webkit-transform:rotate(72deg); -moz-transform:rotate(72deg); -ms-transform:rotate(72deg); -o-transform:rotate(72deg); transform:rotate(72deg); } .objp-rota-73 { -webkit-transform:rotate(73deg); -moz-transform:rotate(73deg); -ms-transform:rotate(73deg); -o-transform:rotate(73deg); transform:rotate(73deg); } .objp-rota-74 { -webkit-transform:rotate(74deg); -moz-transform:rotate(74deg); -ms-transform:rotate(74deg); -o-transform:rotate(74deg); transform:rotate(74deg); } .objp-rota-75 { -webkit-transform:rotate(75deg); -moz-transform:rotate(75deg); -ms-transform:rotate(75deg); -o-transform:rotate(75deg); transform:rotate(75deg); } .objp-rota-76 { -webkit-transform:rotate(76deg); -moz-transform:rotate(76deg); -ms-transform:rotate(76deg); -o-transform:rotate(76deg); transform:rotate(76deg); } .objp-rota-77 { -webkit-transform:rotate(77deg); -moz-transform:rotate(77deg); -ms-transform:rotate(77deg); -o-transform:rotate(77deg); transform:rotate(77deg); } .objp-rota-78 { -webkit-transform:rotate(78deg); -moz-transform:rotate(78deg); -ms-transform:rotate(78deg); -o-transform:rotate(78deg); transform:rotate(78deg); } .objp-rota-79 { -webkit-transform:rotate(79deg); -moz-transform:rotate(79deg); -ms-transform:rotate(79deg); -o-transform:rotate(79deg); transform:rotate(79deg); } .objp-rota-80 { -webkit-transform:rotate(80deg); -moz-transform:rotate(80deg); -ms-transform:rotate(80deg); -o-transform:rotate(80deg); transform:rotate(80deg); } .objp-rota-81 { -webkit-transform:rotate(81deg); -moz-transform:rotate(81deg); -ms-transform:rotate(81deg); -o-transform:rotate(81deg); transform:rotate(81deg); } .objp-rota-82 { -webkit-transform:rotate(82deg); -moz-transform:rotate(82deg); -ms-transform:rotate(82deg); -o-transform:rotate(82deg); transform:rotate(82deg); } .objp-rota-83 { -webkit-transform:rotate(83deg); -moz-transform:rotate(83deg); -ms-transform:rotate(83deg); -o-transform:rotate(83deg); transform:rotate(83deg); } .objp-rota-84 { -webkit-transform:rotate(84deg); -moz-transform:rotate(84deg); -ms-transform:rotate(84deg); -o-transform:rotate(84deg); transform:rotate(84deg); } .objp-rota-85 { -webkit-transform:rotate(85deg); -moz-transform:rotate(85deg); -ms-transform:rotate(85deg); -o-transform:rotate(85deg); transform:rotate(85deg); } .objp-rota-86 { -webkit-transform:rotate(86deg); -moz-transform:rotate(86deg); -ms-transform:rotate(86deg); -o-transform:rotate(86deg); transform:rotate(86deg); } .objp-rota-87 { -webkit-transform:rotate(87deg); -moz-transform:rotate(87deg); -ms-transform:rotate(87deg); -o-transform:rotate(87deg); transform:rotate(87deg); } .objp-rota-88 { -webkit-transform:rotate(88deg); -moz-transform:rotate(88deg); -ms-transform:rotate(88deg); -o-transform:rotate(88deg); transform:rotate(88deg); } .objp-rota-89 { -webkit-transform:rotate(89deg); -moz-transform:rotate(89deg); -ms-transform:rotate(89deg); -o-transform:rotate(89deg); transform:rotate(89deg); } .objp-rota-90 { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); } .objp-rota-1 > :first-child:before, .objp-rota-2 > :first-child:before, .objp-rota-3 > :first-child:before, .objp-rota-4 > :first-child:before, .objp-rota-5 > :first-child:before, .objp-rota-6 > :first-child:before, .objp-rota-7 > :first-child:before, .objp-rota-8 > :first-child:before, .objp-rota-9 > :first-child:before, .objp-rota-10 > :first-child:before, .objp-rota-11 > :first-child:before, .objp-rota-12 > :first-child:before, .objp-rota-13 > :first-child:before, .objp-rota-14 > :first-child:before, .objp-rota-15 > :first-child:before, .objp-rota-16 > :first-child:before, .objp-rota-17 > :first-child:before, .objp-rota-18 > :first-child:before, .objp-rota-19 > :first-child:before, .objp-rota-20 > :first-child:before, .objp-rota-21 > :first-child:before, .objp-rota-22 > :first-child:before, .objp-rota-23 > :first-child:before, .objp-rota-24 > :first-child:before, .objp-rota-25 > :first-child:before, .objp-rota-26 > :first-child:before, .objp-rota-27 > :first-child:before, .objp-rota-28 > :first-child:before, .objp-rota-29 > :first-child:before, .objp-rota-30 > :first-child:before, .objp-rota-31 > :first-child:before, .objp-rota-32 > :first-child:before, .objp-rota-33 > :first-child:before, .objp-rota-34 > :first-child:before, .objp-rota-35 > :first-child:before, .objp-rota-36 > :first-child:before, .objp-rota-37 > :first-child:before, .objp-rota-38 > :first-child:before, .objp-rota-39 > :first-child:before, .objp-rota-40 > :first-child:before, .objp-rota-41 > :first-child:before, .objp-rota-42 > :first-child:before, .objp-rota-43 > :first-child:before, .objp-rota-44 > :first-child:before, .objp-rota-45 > :first-child:before, .objp-rota-46 > :first-child:before, .objp-rota-47 > :first-child:before, .objp-rota-48 > :first-child:before, .objp-rota-49 > :first-child:before, .objp-rota-50 > :first-child:before, .objp-rota-51 > :first-child:before, .objp-rota-52 > :first-child:before, .objp-rota-53 > :first-child:before, .objp-rota-54 > :first-child:before, .objp-rota-55 > :first-child:before, .objp-rota-56 > :first-child:before, .objp-rota-57 > :first-child:before, .objp-rota-58 > :first-child:before, .objp-rota-59 > :first-child:before, .objp-rota-60 > :first-child:before, .objp-rota-61 > :first-child:before, .objp-rota-62 > :first-child:before, .objp-rota-63 > :first-child:before, .objp-rota-64 > :first-child:before, .objp-rota-65 > :first-child:before, .objp-rota-66 > :first-child:before, .objp-rota-67 > :first-child:before, .objp-rota-68 > :first-child:before, .objp-rota-69 > :first-child:before, .objp-rota-70 > :first-child:before, .objp-rota-71 > :first-child:before, .objp-rota-72 > :first-child:before, .objp-rota-73 > :first-child:before, .objp-rota-74 > :first-child:before, .objp-rota-75 > :first-child:before, .objp-rota-76 > :first-child:before, .objp-rota-77 > :first-child:before, .objp-rota-78 > :first-child:before, .objp-rota-79 > :first-child:before, .objp-rota-80 > :first-child:before, .objp-rota-81 > :first-child:before, .objp-rota-82 > :first-child:before, .objp-rota-83 > :first-child:before, .objp-rota-84 > :first-child:before, .objp-rota-85 > :first-child:before, .objp-rota-86 > :first-child:before, .objp-rota-87 > :first-child:before, .objp-rota-88 > :first-child:before, .objp-rota-89 > :first-child:before, .objp-rota-90 > :first-child:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; /* background:#fff */; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } /* INVERSO AL RELOJ */ .objp-rota--1 , .objp-rota--2 , .objp-rota--3 , .objp-rota--4 , .objp-rota--5 , .objp-rota--6 , .objp-rota--7 , .objp-rota--8 , .objp-rota--9 , .objp-rota--10, .objp-rota--11, .objp-rota--12, .objp-rota--13, .objp-rota--14, .objp-rota--15, .objp-rota--16, .objp-rota--17, .objp-rota--18, .objp-rota--19, .objp-rota--20, .objp-rota--21, .objp-rota--22, .objp-rota--23, .objp-rota--24, .objp-rota--25, .objp-rota--26, .objp-rota--27, .objp-rota--28, .objp-rota--29, .objp-rota--30, .objp-rota--31, .objp-rota--32, .objp-rota--33, .objp-rota--34, .objp-rota--35, .objp-rota--36, .objp-rota--37, .objp-rota--38, .objp-rota--39, .objp-rota--40, .objp-rota--41, .objp-rota--42, .objp-rota--43, .objp-rota--44, .objp-rota--45, .objp-rota--46, .objp-rota--47, .objp-rota--48, .objp-rota--49, .objp-rota--50, .objp-rota--51, .objp-rota--52, .objp-rota--53, .objp-rota--54, .objp-rota--55, .objp-rota--56, .objp-rota--57, .objp-rota--58, .objp-rota--59, .objp-rota--60, .objp-rota--61, .objp-rota--62, .objp-rota--63, .objp-rota--64, .objp-rota--65, .objp-rota--66, .objp-rota--67, .objp-rota--68, .objp-rota--69, .objp-rota--70, .objp-rota--71, .objp-rota--72, .objp-rota--73, .objp-rota--74, .objp-rota--75, .objp-rota--76, .objp-rota--77, .objp-rota--78, .objp-rota--79, .objp-rota--80, .objp-rota--81, .objp-rota--82, .objp-rota--83, .objp-rota--84, .objp-rota--85, .objp-rota--86, .objp-rota--87, .objp-rota--88, .objp-rota--89, .objp-rota--90 { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .objp-rota--1 { -webkit-transform:rotate( -1deg); -moz-transform:rotate( -1deg); -ms-transform:rotate( -1deg); -o-transform:rotate( -1deg); transform:rotate( -1deg); } .objp-rota--2 { -webkit-transform:rotate( -2deg); -moz-transform:rotate( -2deg); -ms-transform:rotate( -2deg); -o-transform:rotate( -2deg); transform:rotate( -2deg); } .objp-rota--3 { -webkit-transform:rotate( -3deg); -moz-transform:rotate( -3deg); -ms-transform:rotate( -3deg); -o-transform:rotate( -3deg); transform:rotate( -3deg); } .objp-rota--4 { -webkit-transform:rotate( -4deg); -moz-transform:rotate( -4deg); -ms-transform:rotate( -4deg); -o-transform:rotate( -4deg); transform:rotate( -4deg); } .objp-rota--5 { -webkit-transform:rotate( -5deg); -moz-transform:rotate( -5deg); -ms-transform:rotate( -5deg); -o-transform:rotate( -5deg); transform:rotate( -5deg); } .objp-rota--6 { -webkit-transform:rotate( -6deg); -moz-transform:rotate( -6deg); -ms-transform:rotate( -6deg); -o-transform:rotate( -6deg); transform:rotate( -6deg); } .objp-rota--7 { -webkit-transform:rotate( -7deg); -moz-transform:rotate( -7deg); -ms-transform:rotate( -7deg); -o-transform:rotate( -7deg); transform:rotate( -7deg); } .objp-rota--8 { -webkit-transform:rotate( -8deg); -moz-transform:rotate( -8deg); -ms-transform:rotate( -8deg); -o-transform:rotate( -8deg); transform:rotate( -8deg); } .objp-rota--9 { -webkit-transform:rotate( -9deg); -moz-transform:rotate( -9deg); -ms-transform:rotate( -9deg); -o-transform:rotate( -9deg); transform:rotate( -9deg); } .objp-rota--10 { -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -ms-transform:rotate(-10deg); -o-transform:rotate(-10deg); transform:rotate(-10deg); } .objp-rota--11 { -webkit-transform:rotate(-11deg); -moz-transform:rotate(-11deg); -ms-transform:rotate(-11deg); -o-transform:rotate(-11deg); transform:rotate(-11deg); } .objp-rota--12 { -webkit-transform:rotate(-12deg); -moz-transform:rotate(-12deg); -ms-transform:rotate(-12deg); -o-transform:rotate(-12deg); transform:rotate(-12deg); } .objp-rota--13 { -webkit-transform:rotate(-13deg); -moz-transform:rotate(-13deg); -ms-transform:rotate(-13deg); -o-transform:rotate(-13deg); transform:rotate(-13deg); } .objp-rota--14 { -webkit-transform:rotate(-14deg); -moz-transform:rotate(-14deg); -ms-transform:rotate(-14deg); -o-transform:rotate(-14deg); transform:rotate(-14deg); } .objp-rota--15 { -webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -ms-transform:rotate(-15deg); -o-transform:rotate(-15deg); transform:rotate(-15deg); } .objp-rota--16 { -webkit-transform:rotate(-16deg); -moz-transform:rotate(-16deg); -ms-transform:rotate(-16deg); -o-transform:rotate(-16deg); transform:rotate(-16deg); } .objp-rota--17 { -webkit-transform:rotate(-17deg); -moz-transform:rotate(-17deg); -ms-transform:rotate(-17deg); -o-transform:rotate(-17deg); transform:rotate(-17deg); } .objp-rota--18 { -webkit-transform:rotate(-18deg); -moz-transform:rotate(-18deg); -ms-transform:rotate(-18deg); -o-transform:rotate(-18deg); transform:rotate(-18deg); } .objp-rota--19 { -webkit-transform:rotate(-19deg); -moz-transform:rotate(-19deg); -ms-transform:rotate(-19deg); -o-transform:rotate(-19deg); transform:rotate(-19deg); } .objp-rota--20 { -webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); -ms-transform:rotate(-20deg); -o-transform:rotate(-20deg); transform:rotate(-20deg); } .objp-rota--21 { -webkit-transform:rotate(-21deg); -moz-transform:rotate(-21deg); -ms-transform:rotate(-21deg); -o-transform:rotate(-21deg); transform:rotate(-21deg); } .objp-rota--22 { -webkit-transform:rotate(-22deg); -moz-transform:rotate(-22deg); -ms-transform:rotate(-22deg); -o-transform:rotate(-22deg); transform:rotate(-22deg); } .objp-rota--23 { -webkit-transform:rotate(-23deg); -moz-transform:rotate(-23deg); -ms-transform:rotate(-23deg); -o-transform:rotate(-23deg); transform:rotate(-23deg); } .objp-rota--24 { -webkit-transform:rotate(-24deg); -moz-transform:rotate(-24deg); -ms-transform:rotate(-24deg); -o-transform:rotate(-24deg); transform:rotate(-24deg); } .objp-rota--25 { -webkit-transform:rotate(-25deg); -moz-transform:rotate(-25deg); -ms-transform:rotate(-25deg); -o-transform:rotate(-25deg); transform:rotate(-25deg); } .objp-rota--26 { -webkit-transform:rotate(-26deg); -moz-transform:rotate(-26deg); -ms-transform:rotate(-26deg); -o-transform:rotate(-26deg); transform:rotate(-26deg); } .objp-rota--27 { -webkit-transform:rotate(-27deg); -moz-transform:rotate(-27deg); -ms-transform:rotate(-27deg); -o-transform:rotate(-27deg); transform:rotate(-27deg); } .objp-rota--28 { -webkit-transform:rotate(-28deg); -moz-transform:rotate(-28deg); -ms-transform:rotate(-28deg); -o-transform:rotate(-28deg); transform:rotate(-28deg); } .objp-rota--29 { -webkit-transform:rotate(-29deg); -moz-transform:rotate(-29deg); -ms-transform:rotate(-29deg); -o-transform:rotate(-29deg); transform:rotate(-29deg); } .objp-rota--30 { -webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-transform:rotate(-30deg); transform:rotate(-30deg); } .objp-rota--31 { -webkit-transform:rotate(-31deg); -moz-transform:rotate(-31deg); -ms-transform:rotate(-31deg); -o-transform:rotate(-31deg); transform:rotate(-31deg); } .objp-rota--32 { -webkit-transform:rotate(-32deg); -moz-transform:rotate(-32deg); -ms-transform:rotate(-32deg); -o-transform:rotate(-32deg); transform:rotate(-32deg); } .objp-rota--33 { -webkit-transform:rotate(-33deg); -moz-transform:rotate(-33deg); -ms-transform:rotate(-33deg); -o-transform:rotate(-33deg); transform:rotate(-33deg); } .objp-rota--34 { -webkit-transform:rotate(-34deg); -moz-transform:rotate(-34deg); -ms-transform:rotate(-34deg); -o-transform:rotate(-34deg); transform:rotate(-34deg); } .objp-rota--35 { -webkit-transform:rotate(-35deg); -moz-transform:rotate(-35deg); -ms-transform:rotate(-35deg); -o-transform:rotate(-35deg); transform:rotate(-35deg); } .objp-rota--36 { -webkit-transform:rotate(-36deg); -moz-transform:rotate(-36deg); -ms-transform:rotate(-36deg); -o-transform:rotate(-36deg); transform:rotate(-36deg); } .objp-rota--37 { -webkit-transform:rotate(-37deg); -moz-transform:rotate(-37deg); -ms-transform:rotate(-37deg); -o-transform:rotate(-37deg); transform:rotate(-37deg); } .objp-rota--38 { -webkit-transform:rotate(-38deg); -moz-transform:rotate(-38deg); -ms-transform:rotate(-38deg); -o-transform:rotate(-38deg); transform:rotate(-38deg); } .objp-rota--39 { -webkit-transform:rotate(-39deg); -moz-transform:rotate(-39deg); -ms-transform:rotate(-39deg); -o-transform:rotate(-39deg); transform:rotate(-39deg); } .objp-rota--40 { -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg); } .objp-rota--41 { -webkit-transform:rotate(-41deg); -moz-transform:rotate(-41deg); -ms-transform:rotate(-41deg); -o-transform:rotate(-41deg); transform:rotate(-41deg); } .objp-rota--42 { -webkit-transform:rotate(-42deg); -moz-transform:rotate(-42deg); -ms-transform:rotate(-42deg); -o-transform:rotate(-42deg); transform:rotate(-42deg); } .objp-rota--43 { -webkit-transform:rotate(-43deg); -moz-transform:rotate(-43deg); -ms-transform:rotate(-43deg); -o-transform:rotate(-43deg); transform:rotate(-43deg); } .objp-rota--44 { -webkit-transform:rotate(-44deg); -moz-transform:rotate(-44deg); -ms-transform:rotate(-44deg); -o-transform:rotate(-44deg); transform:rotate(-44deg); } .objp-rota--45 { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } .objp-rota--46 { -webkit-transform:rotate(-46deg); -moz-transform:rotate(-46deg); -ms-transform:rotate(-46deg); -o-transform:rotate(-46deg); transform:rotate(-46deg); } .objp-rota--47 { -webkit-transform:rotate(-47deg); -moz-transform:rotate(-47deg); -ms-transform:rotate(-47deg); -o-transform:rotate(-47deg); transform:rotate(-47deg); } .objp-rota--48 { -webkit-transform:rotate(-48deg); -moz-transform:rotate(-48deg); -ms-transform:rotate(-48deg); -o-transform:rotate(-48deg); transform:rotate(-48deg); } .objp-rota--49 { -webkit-transform:rotate(-49deg); -moz-transform:rotate(-49deg); -ms-transform:rotate(-49deg); -o-transform:rotate(-49deg); transform:rotate(-49deg); } .objp-rota--50 { -webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -o-transform:rotate(-50deg); transform:rotate(-50deg); } .objp-rota--51 { -webkit-transform:rotate(-51deg); -moz-transform:rotate(-51deg); -ms-transform:rotate(-51deg); -o-transform:rotate(-51deg); transform:rotate(-51deg); } .objp-rota--52 { -webkit-transform:rotate(-52deg); -moz-transform:rotate(-52deg); -ms-transform:rotate(-52deg); -o-transform:rotate(-52deg); transform:rotate(-52deg); } .objp-rota--53 { -webkit-transform:rotate(-53deg); -moz-transform:rotate(-53deg); -ms-transform:rotate(-53deg); -o-transform:rotate(-53deg); transform:rotate(-53deg); } .objp-rota--54 { -webkit-transform:rotate(-54deg); -moz-transform:rotate(-54deg); -ms-transform:rotate(-54deg); -o-transform:rotate(-54deg); transform:rotate(-54deg); } .objp-rota--55 { -webkit-transform:rotate(-55deg); -moz-transform:rotate(-55deg); -ms-transform:rotate(-55deg); -o-transform:rotate(-55deg); transform:rotate(-55deg); } .objp-rota--56 { -webkit-transform:rotate(-56deg); -moz-transform:rotate(-56deg); -ms-transform:rotate(-56deg); -o-transform:rotate(-56deg); transform:rotate(-56deg); } .objp-rota--57 { -webkit-transform:rotate(-57deg); -moz-transform:rotate(-57deg); -ms-transform:rotate(-57deg); -o-transform:rotate(-57deg); transform:rotate(-57deg); } .objp-rota--58 { -webkit-transform:rotate(-58deg); -moz-transform:rotate(-58deg); -ms-transform:rotate(-58deg); -o-transform:rotate(-58deg); transform:rotate(-58deg); } .objp-rota--59 { -webkit-transform:rotate(-59deg); -moz-transform:rotate(-59deg); -ms-transform:rotate(-59deg); -o-transform:rotate(-59deg); transform:rotate(-59deg); } .objp-rota--60 { -webkit-transform:rotate(-60deg); -moz-transform:rotate(-60deg); -ms-transform:rotate(-60deg); -o-transform:rotate(-60deg); transform:rotate(-60deg); } .objp-rota--61 { -webkit-transform:rotate(-61deg); -moz-transform:rotate(-61deg); -ms-transform:rotate(-61deg); -o-transform:rotate(-61deg); transform:rotate(-61deg); } .objp-rota--62 { -webkit-transform:rotate(-62deg); -moz-transform:rotate(-62deg); -ms-transform:rotate(-62deg); -o-transform:rotate(-62deg); transform:rotate(-62deg); } .objp-rota--63 { -webkit-transform:rotate(-63deg); -moz-transform:rotate(-63deg); -ms-transform:rotate(-63deg); -o-transform:rotate(-63deg); transform:rotate(-63deg); } .objp-rota--64 { -webkit-transform:rotate(-64deg); -moz-transform:rotate(-64deg); -ms-transform:rotate(-64deg); -o-transform:rotate(-64deg); transform:rotate(-64deg); } .objp-rota--65 { -webkit-transform:rotate(-65deg); -moz-transform:rotate(-65deg); -ms-transform:rotate(-65deg); -o-transform:rotate(-65deg); transform:rotate(-65deg); } .objp-rota--66 { -webkit-transform:rotate(-66deg); -moz-transform:rotate(-66deg); -ms-transform:rotate(-66deg); -o-transform:rotate(-66deg); transform:rotate(-66deg); } .objp-rota--67 { -webkit-transform:rotate(-67deg); -moz-transform:rotate(-67deg); -ms-transform:rotate(-67deg); -o-transform:rotate(-67deg); transform:rotate(-67deg); } .objp-rota--68 { -webkit-transform:rotate(-68deg); -moz-transform:rotate(-68deg); -ms-transform:rotate(-68deg); -o-transform:rotate(-68deg); transform:rotate(-68deg); } .objp-rota--69 { -webkit-transform:rotate(-69deg); -moz-transform:rotate(-69deg); -ms-transform:rotate(-69deg); -o-transform:rotate(-69deg); transform:rotate(-69deg); } .objp-rota--70 { -webkit-transform:rotate(-70deg); -moz-transform:rotate(-70deg); -ms-transform:rotate(-70deg); -o-transform:rotate(-70deg); transform:rotate(-70deg); } .objp-rota--71 { -webkit-transform:rotate(-71deg); -moz-transform:rotate(-71deg); -ms-transform:rotate(-71deg); -o-transform:rotate(-71deg); transform:rotate(-71deg); } .objp-rota--72 { -webkit-transform:rotate(-72deg); -moz-transform:rotate(-72deg); -ms-transform:rotate(-72deg); -o-transform:rotate(-72deg); transform:rotate(-72deg); } .objp-rota--73 { -webkit-transform:rotate(-73deg); -moz-transform:rotate(-73deg); -ms-transform:rotate(-73deg); -o-transform:rotate(-73deg); transform:rotate(-73deg); } .objp-rota--74 { -webkit-transform:rotate(-74deg); -moz-transform:rotate(-74deg); -ms-transform:rotate(-74deg); -o-transform:rotate(-74deg); transform:rotate(-74deg); } .objp-rota--75 { -webkit-transform:rotate(-75deg); -moz-transform:rotate(-75deg); -ms-transform:rotate(-75deg); -o-transform:rotate(-75deg); transform:rotate(-75deg); } .objp-rota--76 { -webkit-transform:rotate(-76deg); -moz-transform:rotate(-76deg); -ms-transform:rotate(-76deg); -o-transform:rotate(-76deg); transform:rotate(-76deg); } .objp-rota--77 { -webkit-transform:rotate(-77deg); -moz-transform:rotate(-77deg); -ms-transform:rotate(-77deg); -o-transform:rotate(-77deg); transform:rotate(-77deg); } .objp-rota--78 { -webkit-transform:rotate(-78deg); -moz-transform:rotate(-78deg); -ms-transform:rotate(-78deg); -o-transform:rotate(-78deg); transform:rotate(-78deg); } .objp-rota--79 { -webkit-transform:rotate(-79deg); -moz-transform:rotate(-79deg); -ms-transform:rotate(-79deg); -o-transform:rotate(-79deg); transform:rotate(-79deg); } .objp-rota--80 { -webkit-transform:rotate(-80deg); -moz-transform:rotate(-80deg); -ms-transform:rotate(-80deg); -o-transform:rotate(-80deg); transform:rotate(-80deg); } .objp-rota--81 { -webkit-transform:rotate(-81deg); -moz-transform:rotate(-81deg); -ms-transform:rotate(-81deg); -o-transform:rotate(-81deg); transform:rotate(-81deg); } .objp-rota--82 { -webkit-transform:rotate(-82deg); -moz-transform:rotate(-82deg); -ms-transform:rotate(-82deg); -o-transform:rotate(-82deg); transform:rotate(-82deg); } .objp-rota--83 { -webkit-transform:rotate(-83deg); -moz-transform:rotate(-83deg); -ms-transform:rotate(-83deg); -o-transform:rotate(-83deg); transform:rotate(-83deg); } .objp-rota--84 { -webkit-transform:rotate(-84deg); -moz-transform:rotate(-84deg); -ms-transform:rotate(-84deg); -o-transform:rotate(-84deg); transform:rotate(-84deg); } .objp-rota--85 { -webkit-transform:rotate(-85deg); -moz-transform:rotate(-85deg); -ms-transform:rotate(-85deg); -o-transform:rotate(-85deg); transform:rotate(-85deg); } .objp-rota--86 { -webkit-transform:rotate(-86deg); -moz-transform:rotate(-86deg); -ms-transform:rotate(-86deg); -o-transform:rotate(-86deg); transform:rotate(-86deg); } .objp-rota--87 { -webkit-transform:rotate(-87deg); -moz-transform:rotate(-87deg); -ms-transform:rotate(-87deg); -o-transform:rotate(-87deg); transform:rotate(-87deg); } .objp-rota--88 { -webkit-transform:rotate(-88deg); -moz-transform:rotate(-88deg); -ms-transform:rotate(-88deg); -o-transform:rotate(-88deg); transform:rotate(-88deg); } .objp-rota--89 { -webkit-transform:rotate(-89deg); -moz-transform:rotate(-89deg); -ms-transform:rotate(-89deg); -o-transform:rotate(-89deg); transform:rotate(-89deg); } .objp-rota--90 { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg); } .objp-rota--1 > :first-child:before, .objp-rota--2 > :first-child:before, .objp-rota--3 > :first-child:before, .objp-rota--4 > :first-child:before, .objp-rota--5 > :first-child:before, .objp-rota--6 > :first-child:before, .objp-rota--7 > :first-child:before, .objp-rota--8 > :first-child:before, .objp-rota--9 > :first-child:before, .objp-rota--10 > :first-child:before, .objp-rota--11 > :first-child:before, .objp-rota--12 > :first-child:before, .objp-rota--13 > :first-child:before, .objp-rota--14 > :first-child:before, .objp-rota--15 > :first-child:before, .objp-rota--16 > :first-child:before, .objp-rota--17 > :first-child:before, .objp-rota--18 > :first-child:before, .objp-rota--19 > :first-child:before, .objp-rota--20 > :first-child:before, .objp-rota--21 > :first-child:before, .objp-rota--22 > :first-child:before, .objp-rota--23 > :first-child:before, .objp-rota--24 > :first-child:before, .objp-rota--25 > :first-child:before, .objp-rota--26 > :first-child:before, .objp-rota--27 > :first-child:before, .objp-rota--28 > :first-child:before, .objp-rota--29 > :first-child:before, .objp-rota--30 > :first-child:before, .objp-rota--31 > :first-child:before, .objp-rota--32 > :first-child:before, .objp-rota--33 > :first-child:before, .objp-rota--34 > :first-child:before, .objp-rota--35 > :first-child:before, .objp-rota--36 > :first-child:before, .objp-rota--37 > :first-child:before, .objp-rota--38 > :first-child:before, .objp-rota--39 > :first-child:before, .objp-rota--40 > :first-child:before, .objp-rota--41 > :first-child:before, .objp-rota--42 > :first-child:before, .objp-rota--43 > :first-child:before, .objp-rota--44 > :first-child:before, .objp-rota--45 > :first-child:before, .objp-rota--46 > :first-child:before, .objp-rota--47 > :first-child:before, .objp-rota--48 > :first-child:before, .objp-rota--49 > :first-child:before, .objp-rota--50 > :first-child:before, .objp-rota--51 > :first-child:before, .objp-rota--52 > :first-child:before, .objp-rota--53 > :first-child:before, .objp-rota--54 > :first-child:before, .objp-rota--55 > :first-child:before, .objp-rota--56 > :first-child:before, .objp-rota--57 > :first-child:before, .objp-rota--58 > :first-child:before, .objp-rota--59 > :first-child:before, .objp-rota--60 > :first-child:before, .objp-rota--61 > :first-child:before, .objp-rota--62 > :first-child:before, .objp-rota--63 > :first-child:before, .objp-rota--64 > :first-child:before, .objp-rota--65 > :first-child:before, .objp-rota--66 > :first-child:before, .objp-rota--67 > :first-child:before, .objp-rota--68 > :first-child:before, .objp-rota--69 > :first-child:before, .objp-rota--70 > :first-child:before, .objp-rota--71 > :first-child:before, .objp-rota--72 > :first-child:before, .objp-rota--73 > :first-child:before, .objp-rota--74 > :first-child:before, .objp-rota--75 > :first-child:before, .objp-rota--76 > :first-child:before, .objp-rota--77 > :first-child:before, .objp-rota--78 > :first-child:before, .objp-rota--79 > :first-child:before, .objp-rota--80 > :first-child:before, .objp-rota--81 > :first-child:before, .objp-rota--82 > :first-child:before, .objp-rota--83 > :first-child:before, .objp-rota--84 > :first-child:before, .objp-rota--85 > :first-child:before, .objp-rota--86 > :first-child:before, .objp-rota--87 > :first-child:before, .objp-rota--88 > :first-child:before, .objp-rota--89 > :first-child:before, .objp-rota--90 > :first-child:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; /* background:#fff */; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } /** * [css] border / COLOR DE BORDES PARA PINTAR LOS BORDER DIRECTAMENTE SIN LOS VALORES POR DEFAULT * */ .brde-colo-t, .brde-colo-tran { border: 1px solid transparent; } .brde-colo-0 { border: 1px solid #FFFFFF; } .brde-colo-1 { border: 1px solid #4D79FF; } .brde-colo-2 { border: 1px solid #AAAAAA; } .brde-colo-3 { border: 1px solid #CC0000; } .brde-colo-4 { border: 1px solid #F95602; } .brde-colo-5 { border: 1px solid #000000; } .brde-colo-6 { border: 1px solid #00DAFF; } .brde-colo-100 { border: 1px solid #F7F7F7; } .brde-colo-101 { border: 1px solid #DAE3FE; } .brde-colo-102 { border: 1px solid #EEEEEE; } .brde-colo-103 { border: 1px solid #FEE6E6; } .brde-colo-104 { border: 1px solid #FFEDE3; } .brde-colo-105 { border: 1px solid #313131; } .brde-colo-106 { border: 1px solid #EDFDFF; } .brde-colo-200 { border: 1px solid rgba(255, 255, 255, 0.1); } .brde-colo-201 { border: 1px solid rgba( 17, 121, 255, 0.1); } .brde-colo-202 { border: 1px solid rgba(170, 170, 170, 0.1); } .brde-colo-203 { border: 1px solid rgba(204, 0, 0, 0.1); } .brde-colo-204 { border: 1px solid rgba(249, 86, 2, 0.1); } .brde-colo-205 { border: 1px solid rgba( 0, 0, 0, 0.1); } .brde-colo-206 { border: 1px solid rgba( 0, 218, 255, 0.1); } .brde-colo-00, .brde-colo-00 a, .brde-colo-00 a:hover * { border: 1px solid #F0F0F0; } .brde-colo-01, .brde-colo-01 a, .brde-colo-01 a:hover * { border: 1px solid #F1F1F1; } .brde-colo-02, .brde-colo-02 a, .brde-colo-02 a:hover * { border: 1px solid #F2F2F2; } .brde-colo-03, .brde-colo-03 a, .brde-colo-03 a:hover * { border: 1px solid #F3F3F3; } .brde-colo-04, .brde-colo-04 a, .brde-colo-04 a:hover * { border: 1px solid #F4F4F4; } .brde-colo-05, .brde-colo-05 a, .brde-colo-05 a:hover * { border: 1px solid #F5F5F5; } .brde-colo-06, .brde-colo-06 a, .brde-colo-06 a:hover * { border: 1px solid #F6F6F6; } .brde-colo-07, .brde-colo-07 a, .brde-colo-07 a:hover * { border: 1px solid #F7F7F7; } .brde-colo-08, .brde-colo-08 a, .brde-colo-08 a:hover * { border: 1px solid #F8F8F8; } .brde-colo-09, .brde-colo-09 a, .brde-colo-09 a:hover * { border: 1px solid #F9F9F9; } .brde-colo-20, .brde-colo-20 a, .brde-colo-20 a:hover * { border: 1px solid #A0A0A0; } .brde-colo-21, .brde-colo-21 a, .brde-colo-21 a:hover * { border: 1px solid #A1A1A1; } .brde-colo-22, .brde-colo-22 a, .brde-colo-22 a:hover * { border: 1px solid #A2A2A2; } .brde-colo-23, .brde-colo-23 a, .brde-colo-23 a:hover * { border: 1px solid #A3A3A3; } .brde-colo-24, .brde-colo-24 a, .brde-colo-24 a:hover * { border: 1px solid #A4A4A4; } .brde-colo-25, .brde-colo-25 a, .brde-colo-25 a:hover * { border: 1px solid #A5A5A5; } .brde-colo-26, .brde-colo-26 a, .brde-colo-26 a:hover * { border: 1px solid #A6A6A6; } .brde-colo-27, .brde-colo-27 a, .brde-colo-27 a:hover * { border: 1px solid #A7A7A7; } .brde-colo-28, .brde-colo-28 a, .brde-colo-28 a:hover * { border: 1px solid #A8A8A8; } .brde-colo-29, .brde-colo-29 a, .brde-colo-29 a:hover * { border: 1px solid #A9A9A9; } .brde-colo-10, .brde-colo-10 a, .brde-colo-10 a:hover * { border: 1px solid #045FB4; } .brde-colo-11, .brde-colo-11 a, .brde-colo-11 a:hover * { border: 1px solid #1871C4; } .brde-colo-12, .brde-colo-12 a, .brde-colo-12 a:hover * { border: 1px solid #2881D4; } .brde-colo-13, .brde-colo-13 a, .brde-colo-13 a:hover * { border: 1px solid #398EDE; } .brde-colo-14, .brde-colo-14 a, .brde-colo-14 a:hover * { border: 1px solid #4397E6; } .brde-colo-15, .brde-colo-15 a, .brde-colo-15 a:hover * { border: 1px solid #4E93ED; } .brde-colo-16, .brde-colo-16 a, .brde-colo-16 a:hover * { border: 1px solid #69A4F0; } .brde-colo-17, .brde-colo-17 a, .brde-colo-17 a:hover * { border: 1px solid #91C0FC; } .brde-colo-18, .brde-colo-18 a, .brde-colo-18 a:hover * { border: 1px solid #A9CDFC; } .brde-colo-19, .brde-colo-19 a, .brde-colo-19 a:hover * { border: 1px solid #D0E5FF; } .brde-colo-50, .brde-colo-50 a, .brde-colo-50 a:hover * { border: 1px solid #000000; } .brde-colo-51, .brde-colo-51 a, .brde-colo-51 a:hover * { border: 1px solid #111111; } .brde-colo-52, .brde-colo-52 a, .brde-colo-52 a:hover * { border: 1px solid #222222; } .brde-colo-53, .brde-colo-53 a, .brde-colo-53 a:hover * { border: 1px solid #333333; } .brde-colo-54, .brde-colo-54 a, .brde-colo-54 a:hover * { border: 1px solid #444444; } .brde-colo-55, .brde-colo-55 a, .brde-colo-55 a:hover * { border: 1px solid #555555; } .brde-colo-56, .brde-colo-56 a, .brde-colo-56 a:hover * { border: 1px solid #666666; } .brde-colo-57, .brde-colo-57 a, .brde-colo-57 a:hover * { border: 1px solid #777777; } .brde-colo-58, .brde-colo-58 a, .brde-colo-58 a:hover * { border: 1px solid #888888; } .brde-colo-59, .brde-colo-59 a, .brde-colo-59 a:hover * { border: 1px solid #999999; } /** * [css] line-height / ALTO DE LINEAS * */ .lh01 , .lh01 span, .lh01 p, .lh01 a { line-height: 0.1 !important; } .lh02 , .lh02 span, .lh02 p, .lh02 a { line-height: 0.2 !important; } .lh03 , .lh03 span, .lh03 p, .lh03 a { line-height: 0.3 !important; } .lh04 , .lh04 span, .lh04 p, .lh04 a { line-height: 0.4 !important; } .lh05 , .lh05 span, .lh05 p, .lh05 a { line-height: 0.5 !important; } .lh06 , .lh06 span, .lh06 p, .lh06 a { line-height: 0.6 !important; } .lh07 , .lh07 span, .lh07 p, .lh07 a { line-height: 0.7 !important; } .lh08 , .lh08 span, .lh08 p, .lh08 a { line-height: 0.8 !important; } .lh09 , .lh09 span, .lh09 p, .lh09 a { line-height: 0.9 !important; } .lh10 , .lh10 span, .lh10 p, .lh10 a { line-height: 1.0 !important; } .lh11 , .lh11 span, .lh11 p, .lh11 a { line-height: 1.1 !important; } .lh12 , .lh12 span, .lh12 p, .lh12 a { line-height: 1.2 !important; } .lh13 , .lh13 span, .lh13 p, .lh13 a { line-height: 1.3 !important; } .lh14 , .lh14 span, .lh14 p, .lh14 a { line-height: 1.4 !important; } .lh15 , .lh15 span, .lh15 p, .lh15 a { line-height: 1.5 !important; } .lh16 , .lh16 span, .lh16 p, .lh16 a { line-height: 1.6 !important; } .lh17 , .lh17 span, .lh17 p, .lh17 a { line-height: 1.7 !important; } .lh18 , .lh18 span, .lh18 p, .lh18 a { line-height: 1.8 !important; } .lh19 , .lh19 span, .lh19 p, .lh19 a { line-height: 1.9 !important; } .lh20 , .lh20 span, .lh20 p, .lh20 a { line-height: 2.0 !important; } .lh21 , .lh21 span, .lh21 p, .lh21 a { line-height: 2.1 !important; } .lh22 , .lh22 span, .lh22 p, .lh22 a { line-height: 2.2 !important; } .lh23 , .lh23 span, .lh23 p, .lh23 a { line-height: 2.3 !important; } .lh24 , .lh24 span, .lh24 p, .lh24 a { line-height: 2.4 !important; } .lh25 , .lh25 span, .lh25 p, .lh25 a { line-height: 2.5 !important; } .lh26 , .lh26 span, .lh26 p, .lh26 a { line-height: 2.6 !important; } .lh27 , .lh27 span, .lh27 p, .lh27 a { line-height: 2.7 !important; } .lh28 , .lh28 span, .lh28 p, .lh28 a { line-height: 2.8 !important; } .lh29 , .lh29 span, .lh29 p, .lh29 a { line-height: 2.9 !important; } .lh30 , .lh30 span, .lh30 p, .lh30 a { line-height: 3.0 !important; } .lh31 , .lh31 span, .lh31 p, .lh31 a { line-height: 3.1 !important; } .lh32 , .lh32 span, .lh32 p, .lh32 a { line-height: 3.2 !important; } .lh33 , .lh33 span, .lh33 p, .lh33 a { line-height: 3.3 !important; } .lh34 , .lh34 span, .lh34 p, .lh34 a { line-height: 3.4 !important; } .lh35 , .lh35 span, .lh35 p, .lh35 a { line-height: 3.5 !important; } .lh36 , .lh36 span, .lh36 p, .lh36 a { line-height: 3.6 !important; } .lh37 , .lh37 span, .lh37 p, .lh37 a { line-height: 3.7 !important; } .lh38 , .lh38 span, .lh38 p, .lh38 a { line-height: 3.8 !important; } .lh39 , .lh39 span, .lh39 p, .lh39 a { line-height: 3.9 !important; } .lh40 , .lh40 span, .lh40 p, .lh40 a { line-height: 4.0 !important; } .lh41 , .lh41 span, .lh41 p, .lh41 a { line-height: 4.1 !important; } .lh42 , .lh42 span, .lh42 p, .lh42 a { line-height: 4.2 !important; } .lh43 , .lh43 span, .lh43 p, .lh43 a { line-height: 4.3 !important; } .lh44 , .lh44 span, .lh44 p, .lh44 a { line-height: 4.4 !important; } .lh45 , .lh45 span, .lh45 p, .lh45 a { line-height: 4.5 !important; } .lh46 , .lh46 span, .lh46 p, .lh46 a { line-height: 4.6 !important; } .lh47 , .lh47 span, .lh47 p, .lh47 a { line-height: 4.7 !important; } .lh48 , .lh48 span, .lh48 p, .lh48 a { line-height: 4.8 !important; } .lh49 , .lh49 span, .lh49 p, .lh49 a { line-height: 4.9 !important; } .lh50 , .lh50 span, .lh50 p, .lh50 a { line-height: 5.0 !important; } .lh51 , .lh51 span, .lh51 p, .lh51 a { line-height: 5.1 !important; } .lh52 , .lh52 span, .lh52 p, .lh52 a { line-height: 5.2 !important; } .lh53 , .lh53 span, .lh53 p, .lh53 a { line-height: 5.3 !important; } .lh54 , .lh54 span, .lh54 p, .lh54 a { line-height: 5.4 !important; } .lh55 , .lh55 span, .lh55 p, .lh55 a { line-height: 5.5 !important; } .lh56 , .lh56 span, .lh56 p, .lh56 a { line-height: 5.6 !important; } .lh57 , .lh57 span, .lh57 p, .lh57 a { line-height: 5.7 !important; } .lh58 , .lh58 span, .lh58 p, .lh58 a { line-height: 5.8 !important; } .lh59 , .lh59 span, .lh59 p, .lh59 a { line-height: 5.9 !important; } .lh60 , .lh60 span, .lh60 p, .lh60 a { line-height: 6.0 !important; } /** * [css] requeridos / ESTILOS PARA REQUERIDOS (*) * */ .objg-requ-0, .objg-requ-1, .objg-requ-2, .objg-requ-3, .objg-requ-4, .objg-requ-5, .objg-requ-6, .objg-requ-7, .objg-requ-8 { padding: 1px 2px 1px 2px; margin: 1px 4px 1px 0px; } .objg-requ-0 { color: #000000 !important; background: #FFFFFF !important; } .objg-requ-1 { color: #FFFFFF !important; background: #4D79FF !important; } .objg-requ-2 { color: #FFFFFF !important; background: #AAAAAA !important; } .objg-requ-3 { color: #FFFFFF !important; background: #CC0000 !important; } .objg-requ-4 { color: #FFFFFF !important; background: #F95602 !important; } .objg-requ-5 { color: #FFFFFF !important; background: #000000 !important; } .objg-requ-6 { color: #FFFFFF !important; background: #00DAFF !important; } .objg-requ-7 { border: 1px solid #F95602 !important; color: #000000 !important; background: #FFECF2 !important; } .objg-requ-8 { border: 1px solid #F95602 !important; color: #000000 !important; background: #FFFFFF !important; } .objg-requ-101 { outline: 1px solid #F95602 !important; color: #000000 !important; background: #58ACFA; background: rgba(251, 239, 245, 0.5) !important; } .objg-requ-102 { outline: 2px solid #F95602 !important; color: #000000 !important; background: #58ACFA; background: rgba(251, 239, 245, 0.5) !important; } /** * [css] esquinas redondas / ESTILOS ESQUINAS REDONDAS * */ .objg-brde-esqu-3-0 { /* -- W3C Specification -- */ border-radius : 3px 3px 3px 3px; /* -- Mozilla -- -moz-border-radius: 3px 3px 3px 3px; -- WebKit y Safari -- */ -webkit-border-radius: 3px 3px 3px 3px; } .objg-brde-esqu-3-1 { /* -- W3C Specification -- */ border-radius : 3px 0px 0px 3px; /* -- Mozilla -- -moz-border-radius: 3px 0px 0px 3px; -- WebKit y Safari -- */ -webkit-border-radius: 3px 0px 0px 3px; } .objg-brde-esqu-3-2 { /* -- W3C Specification -- */ border-radius : 3px 0px 3px 0px; /* -- Mozilla -- -moz-border-radius: 3px 0px 3px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 3px 0px 3px 0px; } .objg-brde-esqu-3-3 { /* -- W3C Specification -- */ border-radius : 0px 3px 0px 3px; /* -- Mozilla -- -moz-border-radius: 0px 3px 0px 3px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 3px 0px 3px; } .objg-brde-esqu-3-4 { /* -- W3C Specification -- */ border-radius : 0px 3px 3px 0px; /* -- Mozilla -- -moz-border-radius: 0px 3px 3px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 3px 3px 0px; } .objg-brde-esqu-3-5 { /* -- W3C Specification -- */ border-radius : 0px 0px 0px 3px; /* -- Mozilla -- -moz-border-radius: 0px 0px 0px 3px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 0px 3px; } .objg-brde-esqu-3-6 { /* -- W3C Specification -- */ border-radius : 0px 0px 3px 0px; /* -- Mozilla -- -moz-border-radius: 0px 0px 3px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 3px 0px; } .objg-brde-esqu-3-7 { /* -- W3C Specification -- */ border-radius : 0px 3px 0px 0px; /* -- Mozilla -- -moz-border-radius: 0px 3px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 3px 0px 0px; } .objg-brde-esqu-3-8 { /* -- W3C Specification -- */ border-radius : 3px 0px 0px 0px; /* -- Mozilla -- -moz-border-radius: 3px 0px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 3px 0px 0px 0px; } .objg-brde-esqu-3-9 { /* -- W3C Specification -- */ border-radius : 0px 0px 3px 3px; /* -- Mozilla -- -moz-border-radius: 0px 0px 3px 3px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 3px 3px; } .objg-brde-esqu-3-10 { /* -- W3C Specification -- */ border-radius : 3px 3px 0px 0px; /* -- Mozilla -- -moz-border-radius: 3px 3px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 3px 3px 0px 0px; } .objg-brde-esqu-5-0 { /* -- W3C Specification -- */ border-radius : 5px 5px 5px 5px; /* -- Mozilla -- -moz-border-radius: 5px 5px 5px 5px; -- WebKit y Safari -- */ -webkit-border-radius: 5px 5px 5px 5px; } .objg-brde-esqu-5-1 { /* -- W3C Specification -- */ border-radius : 5px 0px 0px 5px; /* -- Mozilla -- -moz-border-radius: 5px 0px 0px 5px; -- WebKit y Safari -- */ -webkit-border-radius: 5px 0px 0px 5px; } .objg-brde-esqu-5-2 { /* -- W3C Specification -- */ border-radius : 5px 0px 5px 0px; /* -- Mozilla -- -moz-border-radius: 5px 0px 5px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 5px 0px 5px 0px; } .objg-brde-esqu-5-3 { /* -- W3C Specification -- */ border-radius : 0px 5px 0px 5px; /* -- Mozilla -- -moz-border-radius: 0px 5px 0px 5px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 5px 0px 5px; } .objg-brde-esqu-5-4 { /* -- W3C Specification -- */ border-radius : 0px 5px 5px 0px; /* -- Mozilla -- -moz-border-radius: 0px 5px 5px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 5px 5px 0px; } .objg-brde-esqu-5-5 { /* -- W3C Specification -- */ border-radius : 0px 0px 0px 5px; /* -- Mozilla -- -moz-border-radius: 0px 0px 0px 5px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 0px 5px; } .objg-brde-esqu-5-6 { /* -- W3C Specification -- */ border-radius : 0px 0px 5px 0px; /* -- Mozilla -- -moz-border-radius: 0px 0px 5px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 5px 0px; } .objg-brde-esqu-5-7 { /* -- W3C Specification -- */ border-radius : 0px 5px 0px 0px; /* -- Mozilla -- -moz-border-radius: 0px 5px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 5px 0px 0px; } .objg-brde-esqu-5-8 { /* -- W3C Specification -- */ border-radius : 5px 0px 0px 0px; /* -- Mozilla -- -moz-border-radius: 5px 0px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 5px 0px 0px 0px; } .objg-brde-esqu-5-9 { /* -- W5C Specification -- */ border-radius : 0px 0px 5px 5px; /* -- Mozilla -- -moz-border-radius: 0px 0px 5px 5px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 5px 5px; } .objg-brde-esqu-5-10 { /* -- W3C Specification -- */ border-radius : 5px 5px 0px 0px; /* -- Mozilla -- -moz-border-radius: 5px 5px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 5px 5px 0px 0px; } .objg-brde-esqu-10-0 { /* -- W3C Specification -- */ border-radius : 10px 10px 10px 10px; /* -- Mozilla -- -moz-border-radius: 10px 10px 10px 10px; -- WebKit y Safari -- */ -webkit-border-radius: 10px 10px 10px 10px; } .objg-brde-esqu-10-1 { /* -- W3C Specification -- */ border-radius : 10px 0px 0px 10px; /* -- Mozilla -- -moz-border-radius: 10px 0px 0px 10px; -- WebKit y Safari -- */ -webkit-border-radius: 10px 0px 0px 10px; } .objg-brde-esqu-10-2 { /* -- W3C Specification -- */ border-radius : 10px 0px 10px 0px; /* -- Mozilla -- -moz-border-radius: 10px 0px 10px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 10px 0px 10px 0px; } .objg-brde-esqu-10-3 { /* -- W3C Specification -- */ border-radius : 0px 10px 0px 10px; /* -- Mozilla -- -moz-border-radius: 0px 10px 0px 10px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 10px 0px 10px; } .objg-brde-esqu-10-4 { /* -- W3C Specification -- */ border-radius : 0px 10px 10px 0px; /* -- Mozilla -- -moz-border-radius: 0px 10px 10px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 10px 10px 0px; } .objg-brde-esqu-10-5 { /* -- W3C Specification -- */ border-radius : 0px 0px 0px 10px; /* -- Mozilla -- -moz-border-radius: 0px 0px 0px 10px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 0px 10px; } .objg-brde-esqu-10-6 { /* -- W3C Specification -- */ border-radius : 0px 0px 10px 0px; /* -- Mozilla -- -moz-border-radius: 0px 0px 10px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 10px 0px; } .objg-brde-esqu-10-7 { /* -- W3C Specification -- */ border-radius : 0px 10px 0px 0px; /* -- Mozilla -- -moz-border-radius: 0px 10px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 10px 0px 0px; } .objg-brde-esqu-10-8 { /* -- W3C Specification -- */ border-radius : 10px 0px 0px 0px; /* -- Mozilla -- -moz-border-radius: 10px 0px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 10px 0px 0px 0px; } .objg-brde-esqu-10-9 { /* -- W5C Specification -- */ border-radius : 0px 0px 10px 10px; /* -- Mozilla -- -moz-border-radius: 0px 0px 10px 10px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 10px 10px; } .objg-brde-esqu-10-10 { /* -- W3C Specification -- */ border-radius : 10px 10px 0px 0px; /* -- Mozilla -- -moz-border-radius: 10px 10px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 10px 10px 0px 0px; } .objg-brde-esqu-15-0 { /* -- W3C Specification -- */ border-radius : 15px 15px 15px 15px; /* -- Mozilla -- -moz-border-radius: 15px 15px 15px 15px; -- WebKit y Safari -- */ -webkit-border-radius: 15px 15px 15px 15px; } .objg-brde-esqu-15-1 { /* -- W3C Specification -- */ border-radius : 15px 0px 0px 15px; /* -- Mozilla -- -moz-border-radius: 15px 0px 0px 15px; -- WebKit y Safari -- */ -webkit-border-radius: 15px 0px 0px 15px; } .objg-brde-esqu-15-2 { /* -- W3C Specification -- */ border-radius : 15px 0px 15px 0px; /* -- Mozilla -- -moz-border-radius: 15px 0px 15px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 15px 0px 15px 0px; } .objg-brde-esqu-15-3 { /* -- W3C Specification -- */ border-radius : 0px 15px 0px 15px; /* -- Mozilla -- -moz-border-radius: 0px 15px 0px 15px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 15px 0px 15px; } .objg-brde-esqu-15-4 { /* -- W3C Specification -- */ border-radius : 0px 15px 15px 0px; /* -- Mozilla -- -moz-border-radius: 0px 15px 15px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 15px 15px 0px; } .objg-brde-esqu-15-5 { /* -- W3C Specification -- */ border-radius : 0px 0px 0px 15px; /* -- Mozilla -- -moz-border-radius: 0px 0px 0px 15px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 0px 15px; } .objg-brde-esqu-15-6 { /* -- W3C Specification -- */ border-radius : 0px 0px 15px 0px; /* -- Mozilla -- -moz-border-radius: 0px 0px 15px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 15px 0px; } .objg-brde-esqu-15-7 { /* -- W3C Specification -- */ border-radius : 0px 15px 0px 0px; /* -- Mozilla -- -moz-border-radius: 0px 15px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 15px 0px 0px; } .objg-brde-esqu-15-8 { /* -- W3C Specification -- */ border-radius : 15px 0px 0px 0px; /* -- Mozilla -- -moz-border-radius: 15px 0px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 15px 0px 0px 0px; } .objg-brde-esqu-15-9 { /* -- W5C Specification -- */ border-radius : 0px 0px 15px 15px; /* -- Mozilla -- -moz-border-radius: 0px 0px 15px 15px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 15px 15px; } .objg-brde-esqu-15-10 { /* -- W3C Specification -- */ border-radius : 15px 15px 0px 0px; /* -- Mozilla -- -moz-border-radius: 15px 15px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 15px 15px 0px 0px; } .objg-brde-esqu-20-0 { /* -- W3C Specification -- */ border-radius : 20px 20px 20px 20px; /* -- Mozilla -- -moz-border-radius: 20px 20px 20px 20px; -- WebKit y Safari -- */ -webkit-border-radius: 20px 20px 20px 20px; } .objg-brde-esqu-20-1 { /* -- W3C Specification -- */ border-radius : 20px 0px 0px 20px; /* -- Mozilla -- -moz-border-radius: 20px 0px 0px 20px; -- WebKit y Safari -- */ -webkit-border-radius: 20px 0px 0px 20px; } .objg-brde-esqu-20-2 { /* -- W3C Specification -- */ border-radius : 20px 0px 20px 0px; /* -- Mozilla -- -moz-border-radius: 20px 0px 20px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 20px 0px 20px 0px; } .objg-brde-esqu-20-3 { /* -- W3C Specification -- */ border-radius : 0px 20px 0px 20px; /* -- Mozilla -- -moz-border-radius: 0px 20px 0px 20px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 20px 0px 20px; } .objg-brde-esqu-20-4 { /* -- W3C Specification -- */ border-radius : 0px 20px 20px 0px; /* -- Mozilla -- -moz-border-radius: 0px 20px 20px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 20px 20px 0px; } .objg-brde-esqu-20-5 { /* -- W3C Specification -- */ border-radius : 0px 0px 0px 20px; /* -- Mozilla -- -moz-border-radius: 0px 0px 0px 20px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 0px 20px; } .objg-brde-esqu-20-6 { /* -- W3C Specification -- */ border-radius : 0px 0px 20px 0px; /* -- Mozilla -- -moz-border-radius: 0px 0px 20px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 20px 0px; } .objg-brde-esqu-20-7 { /* -- W3C Specification -- */ border-radius : 0px 20px 0px 0px; /* -- Mozilla -- -moz-border-radius: 0px 20px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 20px 0px 0px; } .objg-brde-esqu-20-8 { /* -- W3C Specification -- */ border-radius : 20px 0px 0px 0px; /* -- Mozilla -- -moz-border-radius: 20px 0px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 20px 0px 0px 0px; } .objg-brde-esqu-20-9 { /* -- W5C Specification -- */ border-radius : 0px 0px 20px 20px; /* -- Mozilla -- -moz-border-radius: 0px 0px 20px 20px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 20px 20px; } .objg-brde-esqu-20-10 { /* -- W3C Specification -- */ border-radius : 20px 20px 0px 0px; /* -- Mozilla -- -moz-border-radius: 20px 20px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 20px 20px 0px 0px; } .objg-brde-esqu-25-0 { /* -- W3C Specification -- */ border-radius : 25px 25px 25px 25px; /* -- Mozilla -- -moz-border-radius: 25px 25px 25px 25px; -- WebKit y Safari -- */ -webkit-border-radius: 25px 25px 25px 25px; } .objg-brde-esqu-25-1 { /* -- W3C Specification -- */ border-radius : 25px 0px 0px 25px; /* -- Mozilla -- -moz-border-radius: 25px 0px 0px 25px; -- WebKit y Safari -- */ -webkit-border-radius: 25px 0px 0px 25px; } .objg-brde-esqu-25-2 { /* -- W3C Specification -- */ border-radius : 25px 0px 25px 0px; /* -- Mozilla -- -moz-border-radius: 25px 0px 25px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 25px 0px 25px 0px; } .objg-brde-esqu-25-3 { /* -- W3C Specification -- */ border-radius : 0px 25px 0px 25px; /* -- Mozilla -- -moz-border-radius: 0px 25px 0px 25px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 25px 0px 25px; } .objg-brde-esqu-25-4 { /* -- W3C Specification -- */ border-radius : 0px 25px 25px 0px; /* -- Mozilla -- -moz-border-radius: 0px 25px 25px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 25px 25px 0px; } .objg-brde-esqu-25-5 { /* -- W3C Specification -- */ border-radius : 0px 0px 0px 25px; /* -- Mozilla -- -moz-border-radius: 0px 0px 0px 25px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 0px 25px; } .objg-brde-esqu-25-6 { /* -- W3C Specification -- */ border-radius : 0px 0px 25px 0px; /* -- Mozilla -- -moz-border-radius: 0px 0px 25px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 25px 0px; } .objg-brde-esqu-25-7 { /* -- W3C Specification -- */ border-radius : 0px 25px 0px 0px; /* -- Mozilla -- -moz-border-radius: 0px 25px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 25px 0px 0px; } .objg-brde-esqu-25-8 { /* -- W3C Specification -- */ border-radius : 25px 0px 0px 0px; /* -- Mozilla -- -moz-border-radius: 25px 0px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 25px 0px 0px 0px; } .objg-brde-esqu-25-9 { /* -- W5C Specification -- */ border-radius : 0px 0px 25px 25px; /* -- Mozilla -- -moz-border-radius: 0px 0px 25px 25px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 25px 25px; } .objg-brde-esqu-25-10 { /* -- W3C Specification -- */ border-radius : 25px 25px 0px 0px; /* -- Mozilla -- -moz-border-radius: 25px 25px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 25px 25px 0px 0px; } .objg-brde-esqu-50-0 { /* -- W3C Specification -- */ border-radius : 50px 50px 50px 50px; /* -- Mozilla -- -moz-border-radius: 50px 50px 50px 50px; -- WebKit y Safari -- */ -webkit-border-radius: 50px 50px 50px 50px; } .objg-brde-esqu-50-1 { /* -- W3C Specification -- */ border-radius : 50px 0px 0px 50px; /* -- Mozilla -- -moz-border-radius: 50px 0px 0px 50px; -- WebKit y Safari -- */ -webkit-border-radius: 50px 0px 0px 50px; } .objg-brde-esqu-50-2 { /* -- W3C Specification -- */ border-radius : 50px 0px 50px 0px; /* -- Mozilla -- -moz-border-radius: 50px 0px 50px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 50px 0px 50px 0px; } .objg-brde-esqu-50-3 { /* -- W3C Specification -- */ border-radius : 0px 50px 0px 50px; /* -- Mozilla -- -moz-border-radius: 0px 50px 0px 50px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 50px 0px 50px; } .objg-brde-esqu-50-4 { /* -- W3C Specification -- */ border-radius : 0px 50px 50px 0px; /* -- Mozilla -- -moz-border-radius: 0px 50px 50px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 50px 50px 0px; } .objg-brde-esqu-50-5 { /* -- W3C Specification -- */ border-radius : 0px 0px 0px 50px; /* -- Mozilla -- -moz-border-radius: 0px 0px 0px 50px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 0px 50px; } .objg-brde-esqu-50-6 { /* -- W3C Specification -- */ border-radius : 0px 0px 50px 0px; /* -- Mozilla -- -moz-border-radius: 0px 0px 50px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 50px 0px; } .objg-brde-esqu-50-7 { /* -- W3C Specification -- */ border-radius : 0px 50px 0px 0px; /* -- Mozilla -- -moz-border-radius: 0px 50px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 50px 0px 0px; } .objg-brde-esqu-50-8 { /* -- W3C Specification -- */ border-radius : 50px 0px 0px 0px; /* -- Mozilla -- -moz-border-radius: 50px 0px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 50px 0px 0px 0px; } .objg-brde-esqu-50-9 { /* -- W5C Specification -- */ border-radius : 0px 0px 50px 50px; /* -- Mozilla -- -moz-border-radius: 0px 0px 50px 50px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 50px 50px; } .objg-brde-esqu-50-10 { /* -- W3C Specification -- */ border-radius : 50px 50px 0px 0px; /* -- Mozilla -- -moz-border-radius: 50px 50px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 50px 50px 0px 0px; } .objg-brde-esqu-999-0 { /* -- W3C Specification -- */ border-radius : 999px 999px 999px 999px; /* -- Mozilla -- -moz-border-radius: 999px 999px 999px 999px; -- WebKit y Safari -- */ -webkit-border-radius: 999px 999px 999px 999px; } .objg-brde-esqu-999-1 { /* -- W3C Specification -- */ border-radius : 999px 0px 0px 999px; /* -- Mozilla -- -moz-border-radius: 999px 0px 0px 999px; -- WebKit y Safari -- */ -webkit-border-radius: 999px 0px 0px 999px; } .objg-brde-esqu-999-2 { /* -- W3C Specification -- */ border-radius : 999px 0px 999px 0px; /* -- Mozilla -- -moz-border-radius: 999px 0px 999px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 999px 0px 999px 0px; } .objg-brde-esqu-999-3 { /* -- W3C Specification -- */ border-radius : 0px 999px 0px 999px; /* -- Mozilla -- -moz-border-radius: 0px 999px 0px 999px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 999px 0px 999px; } .objg-brde-esqu-999-4 { /* -- W3C Specification -- */ border-radius : 0px 999px 999px 0px; /* -- Mozilla -- -moz-border-radius: 0px 999px 999px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 999px 999px 0px; } .objg-brde-esqu-999-5 { /* -- W3C Specification -- */ border-radius : 0px 0px 0px 999px; /* -- Mozilla -- -moz-border-radius: 0px 0px 0px 999px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 0px 999px; } .objg-brde-esqu-999-6 { /* -- W3C Specification -- */ border-radius : 0px 0px 999px 0px; /* -- Mozilla -- -moz-border-radius: 0px 0px 999px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 999px 0px; } .objg-brde-esqu-999-7 { /* -- W3C Specification -- */ border-radius : 0px 999px 0px 0px; /* -- Mozilla -- -moz-border-radius: 0px 999px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 999px 0px 0px; } .objg-brde-esqu-999-8 { /* -- W3C Specification -- */ border-radius : 999px 0px 0px 0px; /* -- Mozilla -- -moz-border-radius: 999px 0px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 999px 0px 0px 0px; } .objg-brde-esqu-999-9 { /* -- W5C Specification -- */ border-radius : 0px 0px 999px 999px; /* -- Mozilla -- -moz-border-radius: 0px 0px 999px 999px; -- WebKit y Safari -- */ -webkit-border-radius: 0px 0px 999px 999px; } .objg-brde-esqu-999-10 { /* -- W3C Specification -- */ border-radius : 999px 999px 0px 0px; /* -- Mozilla -- -moz-border-radius: 999px 999px 0px 0px; -- WebKit y Safari -- */ -webkit-border-radius: 999px 999px 0px 0px; } /** * [css] white-space / ESTILOS PARA EVITAR QUE SE ENROLLEN LAS LINEAS LARGAS (nowrap) * */ .objg-whit-nwrp { white-space: nowrap !important; } .objg-whit-nrml { white-space: normal !important; } /** * [css] overflow / ESTILOS PARA OCULTAR CONTENIDO * */ .objg-ovfl-hddn { overflow: hidden; } .objg-hidden { display: none; } /** * [css] width / ESTILOS PARA ANCHOS Y ALTOS DE ELEMENTOS EN % Y PX (WIDTH) * */ /* anchos (width %) altos (height %) */ /* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .objg-anpo-auto { width: auto; } .objg-alpo-auto { height: auto; } .objg-anpo-1 { width: 1%; } .objg-alpo-1 { height: 1%; } .objg-anpo-2 { width: 2%; } .objg-alpo-2 { height: 2%; } .objg-anpo-3 { width: 3%; } .objg-alpo-3 { height: 3%; } .objg-anpo-4 { width: 4%; } .objg-alpo-4 { height: 4%; } .objg-anpo-5 { width: 5%; } .objg-alpo-5 { height: 5%; } .objg-anpo-6 { width: 6%; } .objg-alpo-6 { height: 6%; } .objg-anpo-7 { width: 7%; } .objg-alpo-7 { height: 7%; } .objg-anpo-8 { width: 8%; } .objg-alpo-8 { height: 8%; } .objg-anpo-9 { width: 9%; } .objg-alpo-9 { height: 9%; } .objg-anpo-10 { width: 10%; } .objg-alpo-10 { height: 10%; } .objg-anpo-11 { width: 11%; } .objg-alpo-11 { height: 11%; } .objg-anpo-12 { width: 12%; } .objg-alpo-12 { height: 12%; } .objg-anpo-13 { width: 13%; } .objg-alpo-13 { height: 13%; } .objg-anpo-14 { width: 14%; } .objg-alpo-14 { height: 14%; } .objg-anpo-15 { width: 15%; } .objg-alpo-15 { height: 15%; } .objg-anpo-16 { width: 16%; } .objg-alpo-16 { height: 16%; } .objg-anpo-17 { width: 17%; } .objg-alpo-17 { height: 17%; } .objg-anpo-18 { width: 18%; } .objg-alpo-18 { height: 18%; } .objg-anpo-19 { width: 19%; } .objg-alpo-19 { height: 19%; } .objg-anpo-20 { width: 20%; } .objg-alpo-20 { height: 20%; } .objg-anpo-21 { width: 21%; } .objg-alpo-21 { height: 21%; } .objg-anpo-22 { width: 22%; } .objg-alpo-22 { height: 22%; } .objg-anpo-23 { width: 23%; } .objg-alpo-23 { height: 23%; } .objg-anpo-24 { width: 24%; } .objg-alpo-24 { height: 24%; } .objg-anpo-25 { width: 25%; } .objg-alpo-25 { height: 25%; } .objg-anpo-26 { width: 26%; } .objg-alpo-26 { height: 26%; } .objg-anpo-27 { width: 27%; } .objg-alpo-27 { height: 27%; } .objg-anpo-28 { width: 28%; } .objg-alpo-28 { height: 28%; } .objg-anpo-29 { width: 29%; } .objg-alpo-29 { height: 29%; } .objg-anpo-30 { width: 30%; } .objg-alpo-30 { height: 30%; } .objg-anpo-31 { width: 31%; } .objg-alpo-31 { height: 31%; } .objg-anpo-32 { width: 32%; } .objg-alpo-32 { height: 32%; } .objg-anpo-33 { width: 33%; } .objg-alpo-33 { height: 33%; } .objg-anpo-34 { width: 34%; } .objg-alpo-34 { height: 34%; } .objg-anpo-35 { width: 35%; } .objg-alpo-35 { height: 35%; } .objg-anpo-36 { width: 36%; } .objg-alpo-36 { height: 36%; } .objg-anpo-37 { width: 37%; } .objg-alpo-37 { height: 37%; } .objg-anpo-38 { width: 38%; } .objg-alpo-38 { height: 38%; } .objg-anpo-39 { width: 39%; } .objg-alpo-39 { height: 39%; } .objg-anpo-40 { width: 40%; } .objg-alpo-40 { height: 40%; } .objg-anpo-41 { width: 41%; } .objg-alpo-41 { height: 41%; } .objg-anpo-42 { width: 42%; } .objg-alpo-42 { height: 42%; } .objg-anpo-43 { width: 43%; } .objg-alpo-43 { height: 43%; } .objg-anpo-44 { width: 44%; } .objg-alpo-44 { height: 44%; } .objg-anpo-45 { width: 45%; } .objg-alpo-45 { height: 45%; } .objg-anpo-46 { width: 46%; } .objg-alpo-46 { height: 46%; } .objg-anpo-47 { width: 47%; } .objg-alpo-47 { height: 47%; } .objg-anpo-48 { width: 48%; } .objg-alpo-48 { height: 48%; } .objg-anpo-49 { width: 49%; } .objg-alpo-49 { height: 49%; } .objg-anpo-50 { width: 50%; } .objg-alpo-50 { height: 50%; } .objg-anpo-51 { width: 51%; } .objg-alpo-51 { height: 51%; } .objg-anpo-52 { width: 52%; } .objg-alpo-52 { height: 52%; } .objg-anpo-53 { width: 53%; } .objg-alpo-53 { height: 53%; } .objg-anpo-54 { width: 54%; } .objg-alpo-54 { height: 54%; } .objg-anpo-55 { width: 55%; } .objg-alpo-55 { height: 55%; } .objg-anpo-56 { width: 56%; } .objg-alpo-56 { height: 56%; } .objg-anpo-57 { width: 57%; } .objg-alpo-57 { height: 57%; } .objg-anpo-58 { width: 58%; } .objg-alpo-58 { height: 58%; } .objg-anpo-59 { width: 59%; } .objg-alpo-59 { height: 59%; } .objg-anpo-60 { width: 60%; } .objg-alpo-60 { height: 60%; } .objg-anpo-61 { width: 61%; } .objg-alpo-61 { height: 61%; } .objg-anpo-62 { width: 62%; } .objg-alpo-62 { height: 62%; } .objg-anpo-63 { width: 63%; } .objg-alpo-63 { height: 63%; } .objg-anpo-64 { width: 64%; } .objg-alpo-64 { height: 64%; } .objg-anpo-65 { width: 65%; } .objg-alpo-65 { height: 65%; } .objg-anpo-66 { width: 66%; } .objg-alpo-66 { height: 66%; } .objg-anpo-67 { width: 67%; } .objg-alpo-67 { height: 67%; } .objg-anpo-68 { width: 68%; } .objg-alpo-68 { height: 68%; } .objg-anpo-69 { width: 69%; } .objg-alpo-69 { height: 69%; } .objg-anpo-70 { width: 70%; } .objg-alpo-70 { height: 70%; } .objg-anpo-71 { width: 71%; } .objg-alpo-71 { height: 71%; } .objg-anpo-72 { width: 72%; } .objg-alpo-72 { height: 72%; } .objg-anpo-73 { width: 73%; } .objg-alpo-73 { height: 73%; } .objg-anpo-74 { width: 74%; } .objg-alpo-74 { height: 74%; } .objg-anpo-75 { width: 75%; } .objg-alpo-75 { height: 75%; } .objg-anpo-76 { width: 76%; } .objg-alpo-76 { height: 76%; } .objg-anpo-77 { width: 77%; } .objg-alpo-77 { height: 77%; } .objg-anpo-78 { width: 78%; } .objg-alpo-78 { height: 78%; } .objg-anpo-79 { width: 79%; } .objg-alpo-79 { height: 79%; } .objg-anpo-80 { width: 80%; } .objg-alpo-80 { height: 80%; } .objg-anpo-81 { width: 81%; } .objg-alpo-81 { height: 81%; } .objg-anpo-82 { width: 82%; } .objg-alpo-82 { height: 82%; } .objg-anpo-83 { width: 83%; } .objg-alpo-83 { height: 83%; } .objg-anpo-84 { width: 84%; } .objg-alpo-84 { height: 84%; } .objg-anpo-85 { width: 85%; } .objg-alpo-85 { height: 85%; } .objg-anpo-86 { width: 86%; } .objg-alpo-86 { height: 86%; } .objg-anpo-87 { width: 87%; } .objg-alpo-87 { height: 87%; } .objg-anpo-88 { width: 88%; } .objg-alpo-88 { height: 88%; } .objg-anpo-89 { width: 89%; } .objg-alpo-89 { height: 89%; } .objg-anpo-90 { width: 90%; } .objg-alpo-90 { height: 90%; } .objg-anpo-91 { width: 91%; } .objg-alpo-91 { height: 91%; } .objg-anpo-92 { width: 92%; } .objg-alpo-92 { height: 92%; } .objg-anpo-93 { width: 93%; } .objg-alpo-93 { height: 93%; } .objg-anpo-94 { width: 94%; } .objg-alpo-94 { height: 94%; } .objg-anpo-95 { width: 95%; } .objg-alpo-95 { height: 95%; } .objg-anpo-96 { width: 96%; } .objg-alpo-96 { height: 96%; } .objg-anpo-97 { width: 97%; } .objg-alpo-97 { height: 97%; } .objg-anpo-98 { width: 98%; } .objg-alpo-98 { height: 98%; } .objg-anpo-99 { width: 99%; } .objg-alpo-99 { height: 99%; } .objg-anpo-100 { width: 100%; } .objg-alpo-100 { height: 100%; } /* anchos (width px) altos (height px) */ /* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .objg-anpx-auto { width: auto; } .objg-alpx-auto { height: auto; } .objg-anpx-1 { width: 1px; } .objg-alpx-1 { height: 1px; } .objg-anpx-2 { width: 2px; } .objg-alpx-2 { height: 2px; } .objg-anpx-3 { width: 3px; } .objg-alpx-3 { height: 3px; } .objg-anpx-4 { width: 4px; } .objg-alpx-4 { height: 4px; } .objg-anpx-5 { width: 5px; } .objg-alpx-5 { height: 5px; } .objg-anpx-6 { width: 6px; } .objg-alpx-6 { height: 6px; } .objg-anpx-7 { width: 7px; } .objg-alpx-7 { height: 7px; } .objg-anpx-8 { width: 8px; } .objg-alpx-8 { height: 8px; } .objg-anpx-9 { width: 9px; } .objg-alpx-9 { height: 9px; } .objg-anpx-10 { width: 10px; } .objg-alpx-10 { height: 10px; } .objg-anpx-11 { width: 11px; } .objg-alpx-11 { height: 11px; } .objg-anpx-12 { width: 12px; } .objg-alpx-12 { height: 12px; } .objg-anpx-13 { width: 13px; } .objg-alpx-13 { height: 13px; } .objg-anpx-14 { width: 14px; } .objg-alpx-14 { height: 14px; } .objg-anpx-15 { width: 15px; } .objg-alpx-15 { height: 15px; } .objg-anpx-16 { width: 16px; } .objg-alpx-16 { height: 16px; } .objg-anpx-17 { width: 17px; } .objg-alpx-17 { height: 17px; } .objg-anpx-18 { width: 18px; } .objg-alpx-18 { height: 18px; } .objg-anpx-19 { width: 19px; } .objg-alpx-19 { height: 19px; } .objg-anpx-20 { width: 20px; } .objg-alpx-20 { height: 20px; } .objg-anpx-21 { width: 21px; } .objg-alpx-21 { height: 21px; } .objg-anpx-22 { width: 22px; } .objg-alpx-22 { height: 22px; } .objg-anpx-23 { width: 23px; } .objg-alpx-23 { height: 23px; } .objg-anpx-24 { width: 24px; } .objg-alpx-24 { height: 24px; } .objg-anpx-25 { width: 25px; } .objg-alpx-25 { height: 25px; } .objg-anpx-26 { width: 26px; } .objg-alpx-26 { height: 26px; } .objg-anpx-27 { width: 27px; } .objg-alpx-27 { height: 27px; } .objg-anpx-28 { width: 28px; } .objg-alpx-28 { height: 28px; } .objg-anpx-29 { width: 29px; } .objg-alpx-29 { height: 29px; } .objg-anpx-30 { width: 30px; } .objg-alpx-30 { height: 30px; } .objg-anpx-31 { width: 31px; } .objg-alpx-31 { height: 31px; } .objg-anpx-32 { width: 32px; } .objg-alpx-32 { height: 32px; } .objg-anpx-33 { width: 33px; } .objg-alpx-33 { height: 33px; } .objg-anpx-34 { width: 34px; } .objg-alpx-34 { height: 34px; } .objg-anpx-35 { width: 35px; } .objg-alpx-35 { height: 35px; } .objg-anpx-36 { width: 36px; } .objg-alpx-36 { height: 36px; } .objg-anpx-37 { width: 37px; } .objg-alpx-37 { height: 37px; } .objg-anpx-38 { width: 38px; } .objg-alpx-38 { height: 38px; } .objg-anpx-39 { width: 39px; } .objg-alpx-39 { height: 39px; } .objg-anpx-40 { width: 40px; } .objg-alpx-40 { height: 40px; } .objg-anpx-41 { width: 41px; } .objg-alpx-41 { height: 41px; } .objg-anpx-42 { width: 42px; } .objg-alpx-42 { height: 42px; } .objg-anpx-43 { width: 43px; } .objg-alpx-43 { height: 43px; } .objg-anpx-44 { width: 44px; } .objg-alpx-44 { height: 44px; } .objg-anpx-45 { width: 45px; } .objg-alpx-45 { height: 45px; } .objg-anpx-46 { width: 46px; } .objg-alpx-46 { height: 46px; } .objg-anpx-47 { width: 47px; } .objg-alpx-47 { height: 47px; } .objg-anpx-48 { width: 48px; } .objg-alpx-48 { height: 48px; } .objg-anpx-49 { width: 49px; } .objg-alpx-49 { height: 49px; } .objg-anpx-50 { width: 50px; } .objg-alpx-50 { height: 50px; } .objg-anpx-51 { width: 51px; } .objg-alpx-51 { height: 51px; } .objg-anpx-52 { width: 52px; } .objg-alpx-52 { height: 52px; } .objg-anpx-53 { width: 53px; } .objg-alpx-53 { height: 53px; } .objg-anpx-54 { width: 54px; } .objg-alpx-54 { height: 54px; } .objg-anpx-55 { width: 55px; } .objg-alpx-55 { height: 55px; } .objg-anpx-56 { width: 56px; } .objg-alpx-56 { height: 56px; } .objg-anpx-57 { width: 57px; } .objg-alpx-57 { height: 57px; } .objg-anpx-58 { width: 58px; } .objg-alpx-58 { height: 58px; } .objg-anpx-59 { width: 59px; } .objg-alpx-59 { height: 59px; } .objg-anpx-60 { width: 60px; } .objg-alpx-60 { height: 60px; } .objg-anpx-61 { width: 61px; } .objg-alpx-61 { height: 61px; } .objg-anpx-62 { width: 62px; } .objg-alpx-62 { height: 62px; } .objg-anpx-63 { width: 63px; } .objg-alpx-63 { height: 63px; } .objg-anpx-64 { width: 64px; } .objg-alpx-64 { height: 64px; } .objg-anpx-65 { width: 65px; } .objg-alpx-65 { height: 65px; } .objg-anpx-66 { width: 66px; } .objg-alpx-66 { height: 66px; } .objg-anpx-67 { width: 67px; } .objg-alpx-67 { height: 67px; } .objg-anpx-68 { width: 68px; } .objg-alpx-68 { height: 68px; } .objg-anpx-69 { width: 69px; } .objg-alpx-69 { height: 69px; } .objg-anpx-70 { width: 70px; } .objg-alpx-70 { height: 70px; } .objg-anpx-71 { width: 71px; } .objg-alpx-71 { height: 71px; } .objg-anpx-72 { width: 72px; } .objg-alpx-72 { height: 72px; } .objg-anpx-73 { width: 73px; } .objg-alpx-73 { height: 73px; } .objg-anpx-74 { width: 74px; } .objg-alpx-74 { height: 74px; } .objg-anpx-75 { width: 75px; } .objg-alpx-75 { height: 75px; } .objg-anpx-76 { width: 76px; } .objg-alpx-76 { height: 76px; } .objg-anpx-77 { width: 77px; } .objg-alpx-77 { height: 77px; } .objg-anpx-78 { width: 78px; } .objg-alpx-78 { height: 78px; } .objg-anpx-79 { width: 79px; } .objg-alpx-79 { height: 79px; } .objg-anpx-80 { width: 80px; } .objg-alpx-80 { height: 80px; } .objg-anpx-81 { width: 81px; } .objg-alpx-81 { height: 81px; } .objg-anpx-82 { width: 82px; } .objg-alpx-82 { height: 82px; } .objg-anpx-83 { width: 83px; } .objg-alpx-83 { height: 83px; } .objg-anpx-84 { width: 84px; } .objg-alpx-84 { height: 84px; } .objg-anpx-85 { width: 85px; } .objg-alpx-85 { height: 85px; } .objg-anpx-86 { width: 86px; } .objg-alpx-86 { height: 86px; } .objg-anpx-87 { width: 87px; } .objg-alpx-87 { height: 87px; } .objg-anpx-88 { width: 88px; } .objg-alpx-88 { height: 88px; } .objg-anpx-89 { width: 89px; } .objg-alpx-89 { height: 89px; } .objg-anpx-90 { width: 90px; } .objg-alpx-90 { height: 90px; } .objg-anpx-91 { width: 91px; } .objg-alpx-91 { height: 91px; } .objg-anpx-92 { width: 92px; } .objg-alpx-92 { height: 92px; } .objg-anpx-93 { width: 93px; } .objg-alpx-93 { height: 93px; } .objg-anpx-94 { width: 94px; } .objg-alpx-94 { height: 94px; } .objg-anpx-95 { width: 95px; } .objg-alpx-95 { height: 95px; } .objg-anpx-96 { width: 96px; } .objg-alpx-96 { height: 96px; } .objg-anpx-97 { width: 97px; } .objg-alpx-97 { height: 97px; } .objg-anpx-98 { width: 98px; } .objg-alpx-98 { height: 98px; } .objg-anpx-99 { width: 99px; } .objg-alpx-99 { height: 99px; } .objg-anpx-100 { width: 100px; } .objg-alpx-100 { height: 100px; } .objg-anpx-110 { width: 110px; } .objg-alpx-110 { height: 110px; } .objg-anpx-120 { width: 120px; } .objg-alpx-120 { height: 120px; } .objg-anpx-130 { width: 130px; } .objg-alpx-130 { height: 130px; } .objg-anpx-140 { width: 140px; } .objg-alpx-140 { height: 140px; } .objg-anpx-150 { width: 150px; } .objg-alpx-150 { height: 150px; } .objg-anpx-160 { width: 160px; } .objg-alpx-160 { height: 160px; } .objg-anpx-170 { width: 170px; } .objg-alpx-170 { height: 170px; } .objg-anpx-180 { width: 180px; } .objg-alpx-180 { height: 180px; } .objg-anpx-190 { width: 190px; } .objg-alpx-190 { height: 190px; } .objg-anpx-200 { width: 200px; } .objg-alpx-200 { height: 200px; } .objg-anpx-210 { width: 210px; } .objg-alpx-210 { height: 210px; } .objg-anpx-220 { width: 220px; } .objg-alpx-220 { height: 220px; } .objg-anpx-230 { width: 230px; } .objg-alpx-230 { height: 230px; } .objg-anpx-240 { width: 240px; } .objg-alpx-240 { height: 240px; } .objg-anpx-250 { width: 250px; } .objg-alpx-250 { height: 250px; } .objg-anpx-260 { width: 260px; } .objg-alpx-260 { height: 260px; } .objg-anpx-270 { width: 270px; } .objg-alpx-270 { height: 270px; } .objg-anpx-280 { width: 280px; } .objg-alpx-280 { height: 280px; } .objg-anpx-290 { width: 290px; } .objg-alpx-290 { height: 290px; } .objg-anpx-300 { width: 300px; } .objg-alpx-300 { height: 300px; } .objg-anpx-310 { width: 310px; } .objg-alpx-310 { height: 310px; } .objg-anpx-320 { width: 320px; } .objg-alpx-320 { height: 320px; } .objg-anpx-330 { width: 330px; } .objg-alpx-330 { height: 330px; } .objg-anpx-340 { width: 340px; } .objg-alpx-340 { height: 340px; } .objg-anpx-350 { width: 350px; } .objg-alpx-350 { height: 350px; } .objg-anpx-360 { width: 360px; } .objg-alpx-360 { height: 360px; } .objg-anpx-370 { width: 370px; } .objg-alpx-370 { height: 370px; } .objg-anpx-380 { width: 380px; } .objg-alpx-380 { height: 380px; } .objg-anpx-390 { width: 390px; } .objg-alpx-390 { height: 390px; } .objg-anpx-400 { width: 400px; } .objg-alpx-400 { height: 400px; } .objg-anpx-410 { width: 410px; } .objg-alpx-410 { height: 410px; } .objg-anpx-420 { width: 420px; } .objg-alpx-420 { height: 420px; } .objg-anpx-430 { width: 430px; } .objg-alpx-430 { height: 430px; } .objg-anpx-440 { width: 440px; } .objg-alpx-440 { height: 440px; } .objg-anpx-450 { width: 450px; } .objg-alpx-450 { height: 450px; } .objg-anpx-460 { width: 460px; } .objg-alpx-460 { height: 460px; } .objg-anpx-470 { width: 470px; } .objg-alpx-470 { height: 470px; } .objg-anpx-480 { width: 480px; } .objg-alpx-480 { height: 480px; } .objg-anpx-490 { width: 490px; } .objg-alpx-490 { height: 490px; } .objg-anpx-500 { width: 500px; } .objg-alpx-500 { height: 500px; } .objg-anpx-510 { width: 510px; } .objg-alpx-510 { height: 510px; } .objg-anpx-520 { width: 520px; } .objg-alpx-520 { height: 520px; } .objg-anpx-530 { width: 530px; } .objg-alpx-530 { height: 530px; } .objg-anpx-540 { width: 540px; } .objg-alpx-540 { height: 540px; } .objg-anpx-550 { width: 550px; } .objg-alpx-550 { height: 550px; } .objg-anpx-560 { width: 560px; } .objg-alpx-560 { height: 560px; } .objg-anpx-570 { width: 570px; } .objg-alpx-570 { height: 570px; } .objg-anpx-580 { width: 580px; } .objg-alpx-580 { height: 580px; } .objg-anpx-590 { width: 590px; } .objg-alpx-590 { height: 590px; } .objg-anpx-600 { width: 600px; } .objg-alpx-600 { height: 600px; } .objg-anpx-610 { width: 610px; } .objg-alpx-610 { height: 610px; } .objg-anpx-620 { width: 620px; } .objg-alpx-620 { height: 620px; } .objg-anpx-630 { width: 630px; } .objg-alpx-630 { height: 630px; } .objg-anpx-640 { width: 640px; } .objg-alpx-640 { height: 640px; } .objg-anpx-650 { width: 650px; } .objg-alpx-650 { height: 650px; } .objg-anpx-660 { width: 660px; } .objg-alpx-660 { height: 660px; } .objg-anpx-670 { width: 670px; } .objg-alpx-670 { height: 670px; } .objg-anpx-680 { width: 680px; } .objg-alpx-680 { height: 680px; } .objg-anpx-690 { width: 690px; } .objg-alpx-690 { height: 690px; } .objg-anpx-700 { width: 700px; } .objg-alpx-700 { height: 700px; } .objg-anpx-710 { width: 710px; } .objg-alpx-710 { height: 710px; } .objg-anpx-720 { width: 720px; } .objg-alpx-720 { height: 720px; } .objg-anpx-730 { width: 730px; } .objg-alpx-730 { height: 730px; } .objg-anpx-740 { width: 740px; } .objg-alpx-740 { height: 740px; } .objg-anpx-750 { width: 750px; } .objg-alpx-750 { height: 750px; } .objg-anpx-760 { width: 760px; } .objg-alpx-760 { height: 760px; } .objg-anpx-770 { width: 770px; } .objg-alpx-770 { height: 770px; } .objg-anpx-780 { width: 780px; } .objg-alpx-780 { height: 780px; } .objg-anpx-790 { width: 790px; } .objg-alpx-790 { height: 790px; } .objg-anpx-800 { width: 800px; } .objg-alpx-800 { height: 800px; } .objg-anpx-810 { width: 810px; } .objg-alpx-810 { height: 810px; } .objg-anpx-820 { width: 820px; } .objg-alpx-820 { height: 820px; } .objg-anpx-830 { width: 830px; } .objg-alpx-830 { height: 830px; } .objg-anpx-840 { width: 840px; } .objg-alpx-840 { height: 840px; } .objg-anpx-850 { width: 850px; } .objg-alpx-850 { height: 850px; } .objg-anpx-860 { width: 860px; } .objg-alpx-860 { height: 860px; } .objg-anpx-870 { width: 870px; } .objg-alpx-870 { height: 870px; } .objg-anpx-880 { width: 880px; } .objg-alpx-880 { height: 880px; } .objg-anpx-890 { width: 890px; } .objg-alpx-890 { height: 890px; } .objg-anpx-900 { width: 900px; } .objg-alpx-900 { height: 900px; } .objg-anpx-910 { width: 910px; } .objg-alpx-910 { height: 910px; } .objg-anpx-920 { width: 920px; } .objg-alpx-920 { height: 920px; } .objg-anpx-930 { width: 930px; } .objg-alpx-930 { height: 930px; } .objg-anpx-940 { width: 940px; } .objg-alpx-940 { height: 940px; } .objg-anpx-950 { width: 950px; } .objg-alpx-950 { height: 950px; } .objg-anpx-960 { width: 960px; } .objg-alpx-960 { height: 960px; } .objg-anpx-970 { width: 970px; } .objg-alpx-970 { height: 970px; } .objg-anpx-980 { width: 980px; } .objg-alpx-980 { height: 980px; } .objg-anpx-990 { width: 990px; } .objg-alpx-990 { height: 990px; } .objg-anpx-1000 { width: 1000px; } .objg-alpx-1000 { height: 1000px; } .objg-anpx-1010 { width: 1010px; } .objg-alpx-1010 { height: 1010px; } .objg-anpx-1020 { width: 1020px; } .objg-alpx-1020 { height: 1020px; } .objg-anpx-1030 { width: 1030px; } .objg-alpx-1030 { height: 1030px; } .objg-anpx-1040 { width: 1040px; } .objg-alpx-1040 { height: 1040px; } .objg-anpx-1050 { width: 1050px; } .objg-alpx-1050 { height: 1050px; } .objg-anpx-1060 { width: 1060px; } .objg-alpx-1060 { height: 1060px; } .objg-anpx-1070 { width: 1070px; } .objg-alpx-1070 { height: 1070px; } .objg-anpx-1080 { width: 1080px; } .objg-alpx-1080 { height: 1080px; } .objg-anpx-1090 { width: 1090px; } .objg-alpx-1090 { height: 1090px; } .objg-anpx-1100 { width: 1100px; } .objg-alpx-1100 { height: 1100px; } .objg-anpx-1110 { width: 1110px; } .objg-alpx-1110 { height: 1110px; } .objg-anpx-1120 { width: 1120px; } .objg-alpx-1120 { height: 1120px; } .objg-anpx-1130 { width: 1130px; } .objg-alpx-1130 { height: 1130px; } .objg-anpx-1140 { width: 1140px; } .objg-alpx-1140 { height: 1140px; } .objg-anpx-1150 { width: 1150px; } .objg-alpx-1150 { height: 1150px; } .objg-anpx-1160 { width: 1160px; } .objg-alpx-1160 { height: 1160px; } .objg-anpx-1170 { width: 1170px; } .objg-alpx-1170 { height: 1170px; } .objg-anpx-1180 { width: 1180px; } .objg-alpx-1180 { height: 1180px; } .objg-anpx-1190 { width: 1190px; } .objg-alpx-1190 { height: 1190px; } .objg-anpx-1200 { width: 1200px; } .objg-alpx-1200 { height: 1200px; } .objg-anpx-1210 { width: 1210px; } .objg-alpx-1210 { height: 1210px; } .objg-anpx-1220 { width: 1220px; } .objg-alpx-1220 { height: 1220px; } .objg-anpx-1230 { width: 1230px; } .objg-alpx-1230 { height: 1230px; } .objg-anpx-1240 { width: 1240px; } .objg-alpx-1240 { height: 1240px; } .objg-anpx-1250 { width: 1250px; } .objg-alpx-1250 { height: 1250px; } .objg-anpx-1260 { width: 1260px; } .objg-alpx-1260 { height: 1260px; } .objg-anpx-1270 { width: 1270px; } .objg-alpx-1270 { height: 1270px; } .objg-anpx-1280 { width: 1280px; } .objg-alpx-1280 { height: 1280px; } .objg-anpx-1290 { width: 1290px; } .objg-alpx-1290 { height: 1290px; } .objg-anpx-1300 { width: 1300px; } .objg-alpx-1300 { height: 1300px; } .objg-anpx-1310 { width: 1310px; } .objg-alpx-1310 { height: 1310px; } .objg-anpx-1320 { width: 1320px; } .objg-alpx-1320 { height: 1320px; } .objg-anpx-1330 { width: 1330px; } .objg-alpx-1330 { height: 1330px; } .objg-anpx-1340 { width: 1340px; } .objg-alpx-1340 { height: 1340px; } .objg-anpx-1350 { width: 1350px; } .objg-alpx-1350 { height: 1350px; } .objg-anpx-1360 { width: 1360px; } .objg-alpx-1360 { height: 1360px; } .objg-anpx-1370 { width: 1370px; } .objg-alpx-1370 { height: 1370px; } .objg-anpx-1380 { width: 1380px; } .objg-alpx-1380 { height: 1380px; } .objg-anpx-1390 { width: 1390px; } .objg-alpx-1390 { height: 1390px; } .objg-anpx-1400 { width: 1400px; } .objg-alpx-1400 { height: 1400px; } .objg-anpx-1410 { width: 1410px; } .objg-alpx-1410 { height: 1410px; } .objg-anpx-1420 { width: 1420px; } .objg-alpx-1420 { height: 1420px; } .objg-anpx-1430 { width: 1430px; } .objg-alpx-1430 { height: 1430px; } .objg-anpx-1440 { width: 1440px; } .objg-alpx-1440 { height: 1440px; } .objg-anpx-1450 { width: 1450px; } .objg-alpx-1450 { height: 1450px; } .objg-anpx-1460 { width: 1460px; } .objg-alpx-1460 { height: 1460px; } .objg-anpx-1470 { width: 1470px; } .objg-alpx-1470 { height: 1470px; } .objg-anpx-1480 { width: 1480px; } .objg-alpx-1480 { height: 1480px; } .objg-anpx-1490 { width: 1490px; } .objg-alpx-1490 { height: 1490px; } .objg-anpx-1500 { width: 1500px; } .objg-alpx-1500 { height: 1500px; } .objg-anpx-1510 { width: 1510px; } .objg-alpx-1510 { height: 1510px; } .objg-anpx-1520 { width: 1520px; } .objg-alpx-1520 { height: 1520px; } .objg-anpx-1530 { width: 1530px; } .objg-alpx-1530 { height: 1530px; } .objg-anpx-1540 { width: 1540px; } .objg-alpx-1540 { height: 1540px; } .objg-anpx-1550 { width: 1550px; } .objg-alpx-1550 { height: 1550px; } .objg-anpx-1560 { width: 1560px; } .objg-alpx-1560 { height: 1560px; } .objg-anpx-1570 { width: 1570px; } .objg-alpx-1570 { height: 1570px; } .objg-anpx-1580 { width: 1580px; } .objg-alpx-1580 { height: 1580px; } .objg-anpx-1590 { width: 1590px; } .objg-alpx-1590 { height: 1590px; } /** * [css] link / ESTILOS PARA TAG a:link * */ /* -- link 0 color base -- */ .objg-link-0 a { color: #888888; border-bottom: 1px solid transparent; text-decoration: none; cursor: URL; } .objg-link-0 a:hover, .objg-link-0 a:active { color: #888888; border-bottom: 1px solid #888888; text-decoration: none; } /* blanco */ .objg-link-0.c0 a { color: #FFFFFF; cursor: URL; } .objg-link-0.c0 a:hover, .objg-link-0.c0 a:active { color: #FFFFFF; border-bottom:1px solid #FFFFFF; } /* azul */ .objg-link-0.c1 a { color: #0066FF; cursor: URL; } .objg-link-0.c1 a:hover, .objg-link-0.c1 a:active { color: #0066FF; border-bottom:1px solid #0066FF; } /* gris oscuro */ .objg-link-0.c2 a { color: #555555; cursor: URL; } .objg-link-0.c2 a:hover, .objg-link-0.c2 a:active { color: #555555; border-bottom:1px solid #555555; } /* rojo */ .objg-link-0.c3 a { color: #FF3300; cursor: URL; } .objg-link-0.c3 a:hover, .objg-link-0.c3 a:active { color: #FF3300; border-bottom:1px solid #FF3300; } /* naranjo */ .objg-link-0.c4 a { color: #FF993F; cursor: URL; } .objg-link-0.c4 a:hover, .objg-link-0.c4 a:active { color: #FF993F; border-bottom:1px solid #FF993F; } /* blanco */ .objg-link-0.c5 a { color: #000000; cursor: URL; } .objg-link-0.c5 a:hover, .objg-link-0.c5 a:active { color: #000000; border-bottom:1px solid #000000; } /* blanco */ .objg-link-0.c6 a { color: #00DAFF; cursor: URL; } .objg-link-0.c6 a:hover, .objg-link-0.c6 a:active { color: #00DAFF; border-bottom:1px solid #00DAFF; } /* -- link 1 color base -- */ .objg-link-1 a { color: #888888; border-bottom: 1px dashed transparent; text-decoration: none; cursor: URL; } .objg-link-1 a:hover, .objg-link-1 a:active { color: #888888; border-bottom: 1px dashed #888888; text-decoration: none; } /* blanco */ .objg-link-1.c0 a { color: #FFFFFF; cursor: URL; } .objg-link-1.c0 a:hover, .objg-link-1.c0 a:active { color: #FFFFFF; border-bottom: 1px dashed #FFFFFF; } /* azul */ .objg-link-1.c1 a { color: #0066FF; cursor: URL; } .objg-link-1.c1 a:hover, .objg-link-1.c1 a:active { color: #0066FF; border-bottom: 1px dashed #0066FF; } /* gris oscuro */ .objg-link-1.c2 a { color: #555555; cursor: URL; } .objg-link-1.c2 a:hover, .objg-link-1.c2 a:active { color: #555555; border-bottom: 1px dashed #555555; } /* rojo */ .objg-link-1.c3 a { color: #FF3300; cursor: URL; } .objg-link-1.c3 a:hover, .objg-link-1.c3 a:active { color: #FF3300; border-bottom: 1px dashed #FF3300; } /* naranjo */ .objg-link-1.c4 a { color: #FF993F; cursor: URL; } .objg-link-1.c4 a:hover, .objg-link-1.c4 a:active { color: #FF993F; border-bottom: 1px dashed #FF993F; } /* blanco */ .objg-link-1.c5 a { color: #000000; cursor: URL; } .objg-link-1.c5 a:hover, .objg-link-1.c5 a:active { color: #000000; border-bottom: 1px dashed #000000; } /* blanco */ .objg-link-1.c6 a { color: #00DAFF; cursor: URL; } .objg-link-1.c6 a:hover, .objg-link-1.c6 a:active { color: #00DAFF; border-bottom: 1px dashed #00DAFF; } /* -- link 2 color base -- */ .objg-link-2 a { color: #888888; border-bottom: 1px dotted transparent; text-decoration: none; } .objg-link-2 a:hover, .objg-link-2 a:active { color: #888888; border-bottom: 1px dotted #888888; text-decoration: none; } /* blanco */ .objg-link-2.c0 a { color: #FFFFFF; } .objg-link-2.c0 a:hover, .objg-link-2.c0 a:active { color: #FFFFFF; border-bottom: 1px dotted #FFFFFF; } /* azul */ .objg-link-2.c1 a { color: #0066FF; } .objg-link-2.c1 a:hover, .objg-link-2.c1 a:active { color: #0066FF; border-bottom: 1px dotted #0066FF; } /* gris oscuro */ .objg-link-2.c2 a { color: #555555; } .objg-link-2.c2 a:hover, .objg-link-2.c2 a:active { color: #555555; border-bottom: 1px dotted #555555; } /* rojo */ .objg-link-2.c3 a { color: #FF3300; } .objg-link-2.c3 a:hover, .objg-link-2.c3 a:active { color: #FF3300; border-bottom: 1px dotted #FF3300; } /* naranjo */ .objg-link-2.c4 a { color: #FF993F; } .objg-link-2.c4 a:hover, .objg-link-2.c4 a:active { color: #FF993F; border-bottom: 1px dotted #FF993F; } /* blanco */ .objg-link-2.c5 a { color: #000000; } .objg-link-2.c5 a:hover, .objg-link-2.c5 a:active { color: #000000; border-bottom: 1px dotted #000000; } /* blanco */ .objg-link-2.c6 a { color: #00AA9E; } .objg-link-2.c6 a:hover, .objg-link-2.c6 a:active { color: #00AA9E; border-bottom: 1px dotted #00AA9E; } /* -- link 3 color base -- */ .objg-link-3 a { /* color: #888888; */ border-bottom: 1px solid transparent; text-decoration: none; } .objg-link-3 a:hover, .objg-link-3 a:active { /* color: #888888; */ border-bottom: 1px solid #888888; text-decoration: none; } /* blanco */ .objg-link-3.c0 a { color: #FFFFFF; } .objg-link-3.c0 a:hover, .objg-link-3.c0 a:active { color: #FFFFFF; border-bottom: 1px solid #FFFFFF; } /* azul */ .objg-link-3.c1 a { color: #0066FF; } .objg-link-3.c1 a:hover, .objg-link-3.c1 a:active { color: #0066FF; border-bottom: 1px solid #0066FF; } /* gris oscuro */ .objg-link-3.c2 a { color: #555555; } .objg-link-3.c2 a:hover, .objg-link-3.c2 a:active { color: #555555; border-bottom: 1px solid #555555; } /* rojo */ .objg-link-3.c3 a { color: #FF3300; } .objg-link-3.c3 a:hover, .objg-link-3.c3 a:active { color: #FF3300; border-bottom: 1px solid #FF3300; } /* naranjo */ .objg-link-3.c4 a { color: #FF993F; } .objg-link-3.c4 a:hover, .objg-link-3.c4 a:active { color: #FF993F; border-bottom: 1px solid #FF993F; } /* blanco */ .objg-link-3.c5 a { color: #000000; } .objg-link-3.c5 a:hover, .objg-link-3.c5 a:active { color: #000000; border-bottom: 1px solid #000000; } /* blanco */ .objg-link-3.c6 a { color: #00AA9E; } .objg-link-3.c6 a:hover, .objg-link-3.c6 a:active { color: #00AA9E; border-bottom: 1px solid #00AA9E; } /* -- link 4 color base -- */ .objg-link-4 a { /* color: #888888; */ border-bottom: 1px dashed transparent; text-decoration: none; } .objg-link-4 a:hover, .objg-link-4 a:active { /* color: #888888; */ border-bottom: 1px dashed #888888; text-decoration: none; } /* blanco */ .objg-link-4.c0 a { color: #FFFFFF; } .objg-link-4.c0 a:hover, .objg-link-4.c0 a:active { color: #FFFFFF; border-bottom: 1px dashed #FFFFFF; } /* azul */ .objg-link-4.c1 a { color: #0066FF; } .objg-link-4.c1 a:hover, .objg-link-4.c1 a:active { color: #0066FF; border-bottom: 1px dashed #0066FF; } /* gris oscuro */ .objg-link-4.c2 a { color: #555555; } .objg-link-4.c2 a:hover, .objg-link-4.c2 a:active { color: #555555; border-bottom: 1px dashed #555555; } /* rojo */ .objg-link-4.c3 a { color: #FF3300; } .objg-link-4.c3 a:hover, .objg-link-4.c3 a:active { color: #FF3300; border-bottom: 1px dashed #FF3300; } /* naranjo */ .objg-link-4.c4 a { color: #FF993F; } .objg-link-4.c4 a:hover, .objg-link-4.c4 a:active { color: #FF993F; border-bottom: 1px dashed #FF993F; } /* blanco */ .objg-link-4.c5 a { color: #000000; } .objg-link-4.c5 a:hover, .objg-link-4.c5 a:active { color: #000000; border-bottom: 1px dashed #000000; } /* blanco */ .objg-link-4.c6 a { color: #00AA9E; } .objg-link-4.c6 a:hover, .objg-link-4.c6 a:active { color: #00AA9E; border-bottom: 1px dashed #00AA9E; } /* link 5 color base -- -- -- -- -- -- -- -- -- -- -- -- */ .objg-link-5 a { /* color: #888888; */ border-bottom: 1px dotted transparent; text-decoration: none; padding: 0; margin: 0; } .objg-link-5 a:hover, .objg-link-5 a:active { /* color: #888888; */ border-bottom: 1px dotted #888888; text-decoration: none; } /* blanco */ .objg-link-5.c0 a { color: #FFFFFF; } .objg-link-5.c0 a:hover, .objg-link-5.c0 a:active { color: #FFFFFF; border-bottom: 1px dotted #FFFFFF; } /* azul */ .objg-link-5.c1 a { color: #0066FF; } .objg-link-5.c1 a:hover, .objg-link-5.c1 a:active { color: #0066FF; border-bottom: 1px dotted #0066FF; } /* gris oscuro */ .objg-link-5.c2 a { color: #555555; } .objg-link-5.c2 a:hover, .objg-link-5.c2 a:active { color: #555555; border-bottom: 1px dotted #555555; } /* rojo */ .objg-link-5.c3 a { color: #FF3300; } .objg-link-5.c3 a:hover, .objg-link-5.c3 a:active { color: #FF3300; border-bottom: 1px dotted #FF3300; } /* naranjo */ .objg-link-5.c4 a { color: #FF993F; } .objg-link-5.c4 a:hover, .objg-link-5.c4 a:active { color: #FF993F; border-bottom: 1px dotted #FF993F; } /* blanco */ .objg-link-5.c5 a { color: #000000; } .objg-link-5.c5 a:hover, .objg-link-5.c5 a:active { color: #000000; border-bottom: 1px dotted #000000; } /* blanco */ .objg-link-5.c6 a { color: #00AA9E; } .objg-link-5.c6 a:hover, .objg-link-5.c6 a:active { color: #00AA9E; border-bottom: 1px dotted #00AA9E; } /* link 6 color base -- -- -- -- -- -- -- -- -- -- -- -- */ .objg-link-6 a { /* color: #888888; */ border-bottom: 1px dotted transparent; text-decoration: none; } .objg-link-6 a:hover, .objg-link-6 a:active { /* color: #888888; */ border-bottom: 1px dotted transparent; text-decoration: none; } /* blanco */ .objg-link-6.c0 a { color: #FFFFFF; } .objg-link-6.c0 a:hover, .objg-link-6.c0 a:active { color: #EEEEEE; border-bottom: 1px dotted transparent; } /* azul */ .objg-link-6.c1 a { color: #0066FF; } .objg-link-6.c1 a:hover, .objg-link-6.c1 a:active { color: #0032FF; border-bottom: 1px dotted transparent; } /* gris oscuro */ .objg-link-6.c2 a { color: #666666; } .objg-link-6.c2 a:hover, .objg-link-6.c2 a:active { color: #333333; border-bottom: 1px dotted transparent; } /* rojo */ .objg-link-6.c3 a { color: #FF3300; } .objg-link-6.c3 a:hover, .objg-link-6.c3 a:active { color: #D30404; border-bottom: 1px dotted transparent; } /* naranjo */ .objg-link-6.c4 a { color: #FF993F; } .objg-link-6.c4 a:hover, .objg-link-6.c4 a:active { color: #FF770E; border-bottom: 1px dotted transparent; } /* blanco */ .objg-link-6.c5 a { color: #000000; } .objg-link-6.c5 a:hover, .objg-link-6.c5 a:active { color: #333333; border-bottom: 1px dotted transparent; } /* blanco */ .objg-link-6.c6 a { color: #00AA9E; } .objg-link-6.c6 a:hover, .objg-link-6.c6 a:active { color: #23D7CB; border-bottom: 1px dotted transparent; } /* link 6 color base -- -- -- -- -- -- -- -- -- -- -- -- */ .objg-link-7 { /* color: #888888; */ border-bottom: 0px dotted transparent; text-decoration: none; } .objg-link-7:hover, .objg-link-7:active { /* color: #888888; */ border-bottom: 0px dotted transparent; text-decoration: none; } /* blanco */ .objg-link-7.c0 { color: #777777; } .objg-link-7.c0:hover, .objg-link-7.c0:active { color: #EEEEEE; border-bottom: 0px dotted transparent; } /* azul */ .objg-link-7.c1 { color: #777777; } .objg-link-7.c1:hover, .objg-link-7.c1:active { color: #0032FF; border-bottom: 0px dotted transparent; } /* gris oscuro */ .objg-link-7.c2 { color: #777777; } .objg-link-7.c2:hover, .objg-link-7.c2:active { color: #333333; border-bottom: 0px dotted transparent; } /* rojo */ .objg-link-7.c3 { color: #777777; } .objg-link-7.c3:hover, .objg-link-7.c3:active { color: #D30404; border-bottom: 0px dotted transparent; } /* naranjo */ .objg-link-7.c4 { color: #777777; } .objg-link-7.c4:hover, .objg-link-7.c4:active { color: #FF770E; border-bottom: 0px dotted transparent; } /* blanco */ .objg-link-7.c5 { color: #777777; } .objg-link-7.c5:hover, .objg-link-7.c5:active { color: #333333; border-bottom: 0px dotted transparent; } /* verde */ .objg-link-7.c6 { color: #777777!important; } .objg-link-7.c6:hover, .objg-link-7.c6:active, .objg-link-7.c6 span:hover, .objg-link-7.c6 span:active { color: #02D9C7!important; border-bottom: 0px dotted transparent !important; } /* ============================================================================================================================= */ /** * [css] link / ESTILOS PARA TAG a:link * */ /* -- link 0 color base -- */ a.objg-link-0 { color: #888888; border-bottom: 1px solid transparent; text-decoration: none; cursor: URL; } a.objg-link-0:hover, a.objg-link-0:active { color: #888888; border-bottom: 1px solid #888888; text-decoration: none; } /* blanco */ a.objg-link-0.c0 { color: #FFFFFF; cursor: URL; } a.objg-link-0.c0:hover, a.objg-link-0.c0:active { color: #FFFFFF; border-bottom:1px solid #FFFFFF; } /*zul */ a.objg-link-0.c1 { color: #0066FF; cursor: URL; } a.objg-link-0.c1:hover, a.objg-link-0.c1:active { color: #0066FF; border-bottom:1px solid #0066FF; } /* gris oscuro */ a.objg-link-0.c2 { color: #555555; cursor: URL; } a.objg-link-0.c2:hover, a.objg-link-0.c2:active { color: #555555; border-bottom:1px solid #555555; } /* rojo */ a.objg-link-0.c3 { color: #FF3300; cursor: URL; } a.objg-link-0.c3:hover, a.objg-link-0.c3:active { color: #FF3300; border-bottom:1px solid #FF3300; } /* naranjo */ a.objg-link-0.c4 { color: #FF993F; cursor: URL; } a.objg-link-0.c4:hover, a.objg-link-0.c4:active { color: #FF993F; border-bottom:1px solid #FF993F; } /* blanco */ a.objg-link-0.c5 { color: #000000; cursor: URL; } a.objg-link-0.c5:hover, a.objg-link-0.c5:active { color: #000000; border-bottom:1px solid #000000; } /* blanco */ a.objg-link-0.c6 { color: #00DAFF; cursor: URL; } a.objg-link-0.c6:hover, a.objg-link-0.c6:active { color: #00DAFF; border-bottom:1px solid #00DAFF; } /* -- link 1 color base -- */ a.objg-link-1 { color: #888888; border-bottom: 1px dashed transparent; text-decoration: none; cursor: URL; } a.objg-link-1:hover, a.objg-link-1:active { color: #888888; border-bottom: 1px dashed #888888; text-decoration: none; } /* blanco */ a.objg-link-1.c0 { color: #FFFFFF; cursor: URL; } a.objg-link-1.c0:hover, a.objg-link-1.c0:active { color: #FFFFFF; border-bottom: 1px dashed #FFFFFF; } /*zul */ a.objg-link-1.c1 { color: #0066FF; cursor: URL; } a.objg-link-1.c1:hover, a.objg-link-1.c1:active { color: #0066FF; border-bottom: 1px dashed #0066FF; } /* gris oscuro */ a.objg-link-1.c2 { color: #555555; cursor: URL; } a.objg-link-1.c2:hover, a.objg-link-1.c2:active { color: #555555; border-bottom: 1px dashed #555555; } /* rojo */ a.objg-link-1.c3 { color: #FF3300; cursor: URL; } a.objg-link-1.c3:hover, a.objg-link-1.c3:active { color: #FF3300; border-bottom: 1px dashed #FF3300; } /* naranjo */ a.objg-link-1.c4 { color: #FF993F; cursor: URL; } a.objg-link-1.c4:hover, a.objg-link-1.c4:active { color: #FF993F; border-bottom: 1px dashed #FF993F; } /* blanco */ a.objg-link-1.c5 { color: #000000; cursor: URL; } a.objg-link-1.c5:hover, a.objg-link-1.c5:active { color: #000000; border-bottom: 1px dashed #000000; } /* blanco */ a.objg-link-1.c6 { color: #00DAFF; cursor: URL; } a.objg-link-1.c6:hover, a.objg-link-1.c6:active { color: #00DAFF; border-bottom: 1px dashed #00DAFF; } /* -- link 2 color base -- */ a.objg-link-2 { color: #888888; border-bottom: 1px dotted transparent; text-decoration: none; } a.objg-link-2:hover, a.objg-link-2:active { color: #888888; border-bottom: 1px dotted #888888; text-decoration: none; } /* blanco */ a.objg-link-2.c0 { color: #FFFFFF; } a.objg-link-2.c0:hover, a.objg-link-2.c0:active { color: #FFFFFF; border-bottom: 1px dotted #FFFFFF; } /*zul */ a.objg-link-2.c1 { color: #0066FF; } a.objg-link-2.c1:hover, a.objg-link-2.c1:active { color: #0066FF; border-bottom: 1px dotted #0066FF; } /* gris oscuro */ a.objg-link-2.c2 { color: #555555; } a.objg-link-2.c2:hover, a.objg-link-2.c2:active { color: #555555; border-bottom: 1px dotted #555555; } /* rojo */ a.objg-link-2.c3 { color: #FF3300; } a.objg-link-2.c3:hover, a.objg-link-2.c3:active { color: #FF3300; border-bottom: 1px dotted #FF3300; } /* naranjo */ a.objg-link-2.c4 { color: #FF993F; } a.objg-link-2.c4:hover, a.objg-link-2.c4:active { color: #FF993F; border-bottom: 1px dotted #FF993F; } /* blanco */ a.objg-link-2.c5 { color: #000000; } a.objg-link-2.c5:hover, a.objg-link-2.c5:active { color: #000000; border-bottom: 1px dotted #000000; } /* blanco */ a.objg-link-2.c6 { color: #00AA9E; } a.objg-link-2.c6:hover, a.objg-link-2.c6:active { color: #00AA9E; border-bottom: 1px dotted #00AA9E; } /* -- link 3 color base -- */ a.objg-link-3 { /* color: #888888; */ border-bottom: 1px solid transparent; text-decoration: none; } a.objg-link-3:hover, a.objg-link-3:active { /* color: #888888; */ border-bottom: 1px solid #888888; text-decoration: none; } /* blanco */ a.objg-link-3.c0 { color: #FFFFFF; } a.objg-link-3.c0:hover, a.objg-link-3.c0:active { color: #FFFFFF; border-bottom: 1px solid #FFFFFF; } /*zul */ a.objg-link-3.c1 { color: #0066FF; } a.objg-link-3.c1:hover, a.objg-link-3.c1:active { color: #0066FF; border-bottom: 1px solid #0066FF; } /* gris oscuro */ a.objg-link-3.c2 { color: #555555; } a.objg-link-3.c2:hover, a.objg-link-3.c2:active { color: #555555; border-bottom: 1px solid #555555; } /* rojo */ a.objg-link-3.c3 { color: #FF3300; } a.objg-link-3.c3:hover, a.objg-link-3.c3:active { color: #FF3300; border-bottom: 1px solid #FF3300; } /* naranjo */ a.objg-link-3.c4 { color: #FF993F; } a.objg-link-3.c4:hover, a.objg-link-3.c4:active { color: #FF993F; border-bottom: 1px solid #FF993F; } /* blanco */ a.objg-link-3.c5 { color: #000000; } a.objg-link-3.c5:hover, a.objg-link-3.c5:active { color: #000000; border-bottom: 1px solid #000000; } /* blanco */ a.objg-link-3.c6 { color: #00AA9E; } a.objg-link-3.c6:hover, a.objg-link-3.c6:active { color: #00AA9E; border-bottom: 1px solid #00AA9E; } /* -- link 4 color base -- */ a.objg-link-4 { /* color: #888888; */ border-bottom: 1px dashed transparent; text-decoration: none; } a.objg-link-4:hover, a.objg-link-4:active { /* color: #888888; */ border-bottom: 1px dashed #888888; text-decoration: none; } /* blanco */ a.objg-link-4.c0 { color: #FFFFFF; } a.objg-link-4.c0:hover, a.objg-link-4.c0:active { color: #FFFFFF; border-bottom: 1px dashed #FFFFFF; } /*zul */ a.objg-link-4.c1 { color: #0066FF; } a.objg-link-4.c1:hover, a.objg-link-4.c1:active { color: #0066FF; border-bottom: 1px dashed #0066FF; } /* gris oscuro */ a.objg-link-4.c2 { color: #555555; } a.objg-link-4.c2:hover, a.objg-link-4.c2:active { color: #555555; border-bottom: 1px dashed #555555; } /* rojo */ a.objg-link-4.c3 { color: #FF3300; } a.objg-link-4.c3:hover, a.objg-link-4.c3:active { color: #FF3300; border-bottom: 1px dashed #FF3300; } /* naranjo */ a.objg-link-4.c4 { color: #FF993F; } a.objg-link-4.c4:hover, a.objg-link-4.c4:active { color: #FF993F; border-bottom: 1px dashed #FF993F; } /* blanco */ a.objg-link-4.c5 { color: #000000; } a.objg-link-4.c5:hover, a.objg-link-4.c5:active { color: #000000; border-bottom: 1px dashed #000000; } /* blanco */ a.objg-link-4.c6 { color: #00AA9E; } a.objg-link-4.c6:hover, a.objg-link-4.c6:active { color: #00AA9E; border-bottom: 1px dashed #00AA9E; } /* link 5 color base -- -- -- -- -- -- -- -- -- -- -- -- */ a.objg-link-5 { /* color: #888888; */ border-bottom: 1px dotted transparent; text-decoration: none; padding: 0; margin: 0; } a.objg-link-5:hover, a.objg-link-5:active { /* color: #888888; */ border-bottom: 1px dotted #888888; text-decoration: none; } /* blanco */ a.objg-link-5.c0 { color: #FFFFFF; } a.objg-link-5.c0:hover, a.objg-link-5.c0:active { color: #FFFFFF; border-bottom: 1px dotted #FFFFFF; } /*zul */ a.objg-link-5.c1 { color: #0066FF; } a.objg-link-5.c1:hover, a.objg-link-5.c1:active { color: #0066FF; border-bottom: 1px dotted #0066FF; } /* gris oscuro */ a.objg-link-5.c2 { color: #555555; } a.objg-link-5.c2:hover, a.objg-link-5.c2:active { color: #555555; border-bottom: 1px dotted #555555; } /* rojo */ a.objg-link-5.c3 { color: #FF3300; } a.objg-link-5.c3:hover, a.objg-link-5.c3:active { color: #FF3300; border-bottom: 1px dotted #FF3300; } /* naranjo */ a.objg-link-5.c4 { color: #FF993F; } a.objg-link-5.c4:hover, a.objg-link-5.c4:active { color: #FF993F; border-bottom: 1px dotted #FF993F; } /* blanco */ a.objg-link-5.c5 { color: #000000; } a.objg-link-5.c5:hover, a.objg-link-5.c5:active { color: #000000; border-bottom: 1px dotted #000000; } /* blanco */ a.objg-link-5.c6 { color: #00AA9E; } a.objg-link-5.c6:hover, a.objg-link-5.c6:active { color: #00AA9E; border-bottom: 1px dotted #00AA9E; } /* link 6 color base -- -- -- -- -- -- -- -- -- -- -- -- */ a.objg-link-6 { /* color: #888888; */ border-bottom: 1px dotted transparent; text-decoration: none; } a.objg-link-6:hover, a.objg-link-6:active { /* color: #888888; */ border-bottom: 1px dotted transparent; text-decoration: none; } /* blanco */ a.objg-link-6.c0 { color: #FFFFFF; } a.objg-link-6.c0:hover, a.objg-link-6.c0:active { color: #EEEEEE; border-bottom: 1px dotted transparent; } /*zul */ a.objg-link-6.c1 { color: #0066FF; } a.objg-link-6.c1:hover, a.objg-link-6.c1:active { color: #0032FF; border-bottom: 1px dotted transparent; } /* gris oscuro */ a.objg-link-6.c2 { color: #666666; } a.objg-link-6.c2:hover, a.objg-link-6.c2:active { color: #333333; border-bottom: 1px dotted transparent; } /* rojo */ a.objg-link-6.c3 { color: #FF3300; } a.objg-link-6.c3:hover, a.objg-link-6.c3:active { color: #D30404; border-bottom: 1px dotted transparent; } /* naranjo */ a.objg-link-6.c4 { color: #FF993F; } a.objg-link-6.c4:hover, a.objg-link-6.c4:active { color: #FF770E; border-bottom: 1px dotted transparent; } /* blanco */ a.objg-link-6.c5 { color: #000000; } a.objg-link-6.c5:hover, a.objg-link-6.c5:active { color: #333333; border-bottom: 1px dotted transparent; } /* blanco */ a.objg-link-6.c6 { color: #00AA9E; } a.objg-link-6.c6:hover, a.objg-link-6.c6:active { color: #23D7CB; border-bottom: 1px dotted transparent; } /* link 6 color base -- -- -- -- -- -- -- -- -- -- -- -- */ a.objg-link-7 { /* color: #888888; */ border-bottom: 0px dotted transparent; text-decoration: none; } a.objg-link-7:hover, a.objg-link-7:active { /* color: #888888; */ border-bottom: 0px dotted transparent; text-decoration: none; } /* blanco */ a.objg-link-7.c0 { color: #777777; } a.objg-link-7.c0:hover, a.objg-link-7.c0:active { color: #EEEEEE; border-bottom: 0px dotted transparent; } /*zul */ a.objg-link-7.c1 { color: #777777; } a.objg-link-7.c1:hover, a.objg-link-7.c1:active { color: #0032FF; border-bottom: 0px dotted transparent; } /* gris oscuro */ a.objg-link-7.c2 { color: #777777; } a.objg-link-7.c2:hover, a.objg-link-7.c2:active { color: #333333; border-bottom: 0px dotted transparent; } /* rojo */ a.objg-link-7.c3 { color: #777777; } a.objg-link-7.c3:hover, a.objg-link-7.c3:active { color: #D30404; border-bottom: 0px dotted transparent; } /* naranjo */ a.objg-link-7.c4 { color: #777777; } a.objg-link-7.c4:hover, a.objg-link-7.c4:active { color: #FF770E; border-bottom: 0px dotted transparent; } /* blanco */ a.objg-link-7.c5 { color: #777777; } a.objg-link-7.c5:hover, a.objg-link-7.c5:active { color: #333333; border-bottom: 0px dotted transparent; } /* verde */ a.objg-link-7.c6 { color: #777777!important; } a.objg-link-7.c6:hover, a.objg-link-7.c6:active, a.objg-link-7.c6 span:hover, a.objg-link-7.c6 span:active { color: #02D9C7!important; border-bottom: 0px dotted transparent !important; } /* ============================================================================================================================= */ /** * [css] input/textarea / ESTILOS PARA TAG input/textarea * */ /* input text 0 color base blanco -- -- -- -- -- -- -- -- -- -- -- -- */ .objf-itxt-0 { position: relative; padding: 3px; margin: 0px; } .objf-itxt-0 { color: #555555; border: 1px solid #CCCCCC; background-color: #FFFFFF; } .objf-itxt-0:hover, .objf-itxt-0:focus { color: #444444; border: 1px solid #999999; background-color: #F3F3F3; } .objf-itxt-0.c0:hover, .objf-itxt-0.c0:focus { color: #444444; border: 1px solid #999999; background-color: #F9F9F9; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.9); } .objf-itxt-0.c1:hover, .objf-itxt-0.c1:focus { color: #444444; border: 1px solid #7BBBD8; background-color: #E0EFF5; background-color: rgb(224,239,245); background-color: rgba(224,239,245,0.4); } .objf-itxt-0.c2:hover, .objf-itxt-0.c2:focus { color: #FFFFFF; border: 1px solid #222222; background-color: #666666; background-color: rgb(102,102,102); background-color: rgba(102,102,102,0.4); } .objf-itxt-0.c3:hover, .objf-itxt-0.c3:focus { color: #FFFFFF; border: 1px solid #E8112D; background-color: #F93F26; background-color: rgb(249,63,38); background-color: rgba(249,63,38,0.4); } .objf-itxt-0.c4:hover, .objf-itxt-0.c4:focus { color: #444444; border: 1px solid #FCBF49; background-color: #FFD691; background-color: rgb(255,214,145); background-color: rgba(255,214,145,0.4); } .objf-itxt-0.c5:hover, .objf-itxt-0.c5:focus { color: #444444; border: 1px solid #999999; background-color: #FFFFFF; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.4); } .objf-itxt-0.c6:hover, .objf-itxt-0.c6:focus { color: #FFFFFF; border: 1px solid #00AA9E; background-color: #00C6B2; background-color: rgb(0,198,178); background-color: rgba(0,198,178,0.4); } /* input text 1 color base gris -- -- -- -- -- -- -- -- -- -- -- -- */ .objf-itxt-1 { position: relative; padding: 3px; margin: 0px; } .objf-itxt-1 { color: #444444; border: 1px solid #999999; background-color: #F5F5F5; } .objf-itxt-1:hover, .objf-itxt-1:focus { color: #444444; border: 1px solid #999999; background-color: #F0F0F0; } .objf-itxt-1.c0 { color: #777777; border: 1px solid #AAAAAA; background-color: #F9F9F9; } .objf-itxt-1.c0:hover, .objf-itxt-1.c0:focus { color: #555555; border: 1px solid #999999; background-color: #F0F0F0; } .objf-itxt-1.c1 { color: #444444; border: 1px solid #7BBBD8; background-color: #D3ECF6; } .objf-itxt-1.c1:hover, .objf-itxt-1.c1:focus { color: #444444; border: 1px solid #7BBBD8; background-color: #E0EFF5; } .objf-itxt-1.c2 { color: #FFFFFF; border: 1px solid #222222; background-color: #888888; } .objf-itxt-1.c2:hover, .objf-itxt-1.c2:focus { color: #FFFFFF; border: 1px solid #222222; background-color: #666666; } .objf-itxt-1.c3 { color: #FFFFFF; border: 1px solid #E8112D; background-color: #FF6652; } .objf-itxt-1.c3:hover, .objf-itxt-1.c3:focus { color: #FFFFFF; border: 1px solid #E8112D; background-color: #F93F26; } .objf-itxt-1.c4 { color: #444444; border: 1px solid #FCBF49; background-color: #FCE1B3; } .objf-itxt-1.c4:hover, .objf-itxt-1.c4:focus { color: #444444; border: 1px solid #FCBF49; background-color: #FFD691; } .objf-itxt-1.c5 { color: #444444; border: 1px solid #999999; background-color: #FFFFFF; } .objf-itxt-1.c5:hover, .objf-itxt-1.c5:focus { color: #444444; border: 1px solid #999999; background-color: #F5F5F5; } .objf-itxt-1.c6 { color: #FFFFFF; border: 1px solid #00AA9E; background-color: #00C6B2; } .objf-itxt-1.c6:hover, .objf-itxt-1.c6:focus { color: #FFFFFF; border: 1px solid #00AA9E; background-color: #56D6C9; } /* input text 2 color base celeste -- -- -- -- -- -- -- -- -- -- -- -- */ .objf-itxt-2 { position: relative; padding: 3px; margin: 0px; } .objf-itxt-2 { color: #444444; border: 1px solid #FFFFFF; background-color: #EEEEEE; } .objf-itxt-2:hover, .objf-itxt-2:focus { color: #444444; border: 1px solid #FFFFFF; background-color: #F5F5F5; } .objf-itxt-2.c0 { color: #AAAAAA; border: 1px solid #AAAAAA; background-color: #F9F9F9; } .objf-itxt-2.c0:hover, .objf-itxt-2.c0:focus { color: #999999; border: 1px solid #999999; background-color: #FFFFFF; } .objf-itxt-2.c1 { color: #444444; border: 1px solid #FFFFFF; background-color: #D3ECF6; } .objf-itxt-2.c1:hover, .objf-itxt-2.c1:focus { color: #444444; border: 1px solid #FFFFFF; background-color: #E0EFF5; } .objf-itxt-2.c2 { color: #FFFFFF; border: 1px solid #FFFFFF; background-color: #888888; } .objf-itxt-2.c2:hover, .objf-itxt-2.c2:focus { color: #FFFFFF; border: 1px solid #FFFFFF; background-color: #666666; } .objf-itxt-2.c3 { color: #FFFFFF; border: 1px solid #FFFFFF; background-color: #FF6652; } .objf-itxt-2.c3:hover, .objf-itxt-2.c3:focus { color: #FFFFFF; border: 1px solid #FFFFFF; background-color: #F93F26; } .objf-itxt-2.c4 { color: #444444; border: 1px solid #FFFFFF; background-color: #FCE1B3; } .objf-itxt-2.c4:hover, .objf-itxt-2.c4:focus { color: #444444; border: 1px solid #FFFFFF; background-color: #FFD691; } .objf-itxt-2.c5 { color: #EEEEEE; border: 1px solid #EEEEEE; background-color: #F7F7F7; } .objf-itxt-2.c5:hover, .objf-itxt-2.c5:focus { color: #FFFFFF; border: 1px solid #F3F3F3; background-color: #F9F9F9; } .objf-itxt-2.c6 { color: #FFFFFF; border: 1px solid #FFFFFF; background-color: #00C6B2; } .objf-itxt-2.c6:hover, .objf-itxt-2.c6:focus { color: #FFFFFF; border: 1px solid #FFFFFF; background-color: #56D6C9; } /* input text 3 color sin fondo ni marco -- -- -- -- -- -- -- -- -- -- -- -- */ .objf-itxt-3 { position: relative; padding: 3px; margin: 0px; } .objf-itxt-3 { color: #444444; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3:hover, .objf-itxt-3:focus { color: #444444; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3.c0 { color: #999999; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3.c0:hover, .objf-itxt-3.c0:focus { color: #999999; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3.c1 { color: #444444; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3.c1:hover, .objf-itxt-3.c1:focus { color: #444444; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3.c2 { color: #FFFFFF; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3.c2:hover, .objf-itxt-3.c2:focus { color: #FFFFFF; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3.c3 { color: #FFFFFF; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3.c3:hover, .objf-itxt-3.c3:focus { color: #FFFFFF; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3.c4 { color: #444444; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3.c4:hover, .objf-itxt-3.c4:focus { color: #444444; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3.c5 { color: #EEEEEE; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3.c5:hover, .objf-itxt-3.c5:focus { color: #FFFFFF; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3.c6 { color: #FFFFFF; border: 1px solid transparent; background-color: transparent; } .objf-itxt-3.c6:hover, .objf-itxt-3.c6:focus { color: #FFFFFF; border: 1px solid transparent; background-color: transparent; } /** * [css] button / ESTILOS PARA TAG button/a/input=[button] * */ /* -- Clases para botones por default -- */ .objf-bton-0 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 4px; text-decoration: none;} /*.objf-bton-0 { background: transparent url('imgs/bton_fndo_1.png') 0 0 no-repeat; }*/ .objf-bton-0 { color: #FFFFFF !important; border: 1px solid transparent; background-color: #BBBBBB !important; } .objf-bton-0:hover, .objf-bton-0:focus, .objf-bton-0:active { color: #F9F9F9 !important; border: 1px solid #999999; background-color: #CCCCCC !important; } .objf-bton-0.c0 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-0.c0 { color: #555555 !important; border: 1px solid #CCCCCC; background-color: #FFFFFF !important; } .objf-bton-0.c0:link, .objf-bton-0.c0:visited, .objf-bton-0.c0:hover, .objf-bton-0.c0:active, .objf-bton-0.c0:focus { color: #444444 !important; border: 1px solid #999999; background-color: #F5F5F5 !important; } .objf-bton-0.c1 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-0.c1 { color: #FFFFFF !important; border: 1px solid #1952FF; background-color: #4D79FF !important; } .objf-bton-0.c1:link, .objf-bton-0.c1:visited, .objf-bton-0.c1:hover, .objf-bton-0.c1:active, .objf-bton-0.c1:focus { color: #FFFFFF !important; border: 1px solid #1952FF; background-color: #7893FE !important; } .objf-bton-0.c2 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-0.c2 { color: #FFFFFF !important; border: 1px solid #222222; background-color: #666666 !important; } .objf-bton-0.c2:link, .objf-bton-0.c2:visited, .objf-bton-0.c2:hover, .objf-bton-0.c2:active, .objf-bton-0.c2:focus { color: #FFFFFF !important; border: 1px solid #222222; background-color: #888888 !important; } .objf-bton-0.c3 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-0.c3 { color: #FFFFFF !important; border: 1px solid #E8112D; background-color: #F93F26 !important; } .objf-bton-0.c3:hover, .objf-bton-0.c3:focus, .objf-bton-0.c3:active, .objf-bton-0.c3:link, .objf-bton-0.c3:visited { color: #FFFFFF !important; border: 1px solid #E8112D; background-color: #FF6652 !important; } .objf-bton-0.c4 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-0.c4 { color: #FFFFFF !important; border: 1px solid #F96302; background-color: #F95602 !important; } .objf-bton-0.c4:hover, .objf-bton-0.c4:focus, .objf-bton-0.c4:active, .objf-bton-0.c4:link, .objf-bton-0.c4:visited { color: #FFFFFF !important; border: 1px solid #F96302; background-color: #FC7F3F !important; } .objf-bton-0.c5 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-0.c5 { color: #FFFFFF !important; border: 1px solid #CCCCCC; background-color: rgba(0,0,0, 0.3) !important; } .objf-bton-0.c5:hover, .objf-bton-0.c5:focus, .objf-bton-0.c5:active, .objf-bton-0.c5:link, .objf-bton-0.c5:visited { color: #FFFFFF !important; border: 1px solid #EEEEEE; background-color: rgba(0,0,0, 0.6) !important; } .objf-bton-0.c6 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-0.c6 { color: #FFFFFF !important; border: 1px solid #00AA9E; background-color: #00C6B2 !important; } .objf-bton-0.c6:hover, .objf-bton-0.c6:focus, .objf-bton-0.c6:active, .objf-bton-0.c6:link, .objf-bton-0.c6:visited { color: #FFFFFF !important; border: 1px solid #00AA9E; background-color: #56D6C9 !important; } .objf-bton-0.c7 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-0.c7 { color: #444444 !important; border: 1px solid #CCCCCC; background-color: #F0F0F0 !important; } .objf-bton-0.c7:hover { color: #222222 !important; border: 1px solid #BBBBBB; background-color: #F5F5F5 !important; } .objf-bton-0.c7:focus { color: #222222 !important; border: 1px solid #BBBBBB; background-color: #F5F5F5 !important; } .objf-bton-0.c7:active { color: #222222 !important; border: 1px solid #BBBBBB; background-color: #F5F5F5 !important; } .objf-bton-0.c7:link { color: #222222 !important; border: 1px solid #BBBBBB; background-color: #F5F5F5 !important; text-decoration: none; } .objf-bton-0.c7:visited { color: #222222 !important; border: 1px solid #BBBBBB; background-color: #F5F5F5 !important; } .objf-bton-0.c8 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; text-decoration: none; } .objf-bton-0.c8 { color: #CCCCCC !important; border: 1px solid #CCCCCC; background-color: transparent; } .objf-bton-0.c8:hover { color: #777777 !important; border: 1px solid #BBBBBB; background-color: #FAFAFA !important; } .objf-bton-0.c8:focus { color: #777777 !important; border: 1px solid #BBBBBB; background-color: #FAFAFA !important; } .objf-bton-0.c8:active { color: #777777 !important; border: 1px solid #BBBBBB; background-color: #FAFAFA !important; } /* .objf-bton-0.c8:link { color: #777777 !important; border: 1px solid #BBBBBB; background-color: #FAFAFA !important; text-decoration: none; }*/ .objf-bton-0.c8:visited { color: #777777 !important; border: 1px solid #BBBBBB; background-color: #FAFAFA !important; } /* -- bton 1 para fondos negros principalmente -- */ .objf-bton-1 { position: relative; padding: 2px 10px ; margin: auto; text-decoration: none; } .objf-bton-1 { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #BBBBBB !important; } .objf-bton-1:hover { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #CCCCCC !important; } .objf-bton-1:focus { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #CCCCCC !important; } .objf-bton-1:active { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #CCCCCC !important; } .objf-bton-1.c0 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 4px; } .objf-bton-1.c0 { color: #555555 !important; border: 1px solid #FFFFFF; background-color: #FFFFFF !important; } .objf-bton-1.c0:hover { color: #444444 !important; border: 1px solid #FFFFFF; background-color: #F8F8F8 !important; } .objf-bton-1.c0:focus { color: #444444 !important; border: 1px solid #FFFFFF; background-color: #F8F8F8 !important; } .objf-bton-1.c0:active { color: #555555 !important; border: 1px solid #FFFFFF; background-color: #F8F8F8 !important; } .objf-bton-1.c1 { position: relative; padding: 2px 10px ; margin: auto; *margin: 0px 4px; } .objf-bton-1.c1 { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #4D79FF !important; } .objf-bton-1.c1:hover { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #7893FE !important; } .objf-bton-1.c1:focus { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #7C9DFF !important; } .objf-bton-1.c1:active { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #4D79FF !important; } .objf-bton-1.c2 { position: relative; padding: 2px 10px ; margin: auto; *margin: 0px 4px; } .objf-bton-1.c2 { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #666666 !important; } .objf-bton-1.c2:hover { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #888888 !important; } .objf-bton-1.c2:focus { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #888888 !important; } .objf-bton-1.c2:active { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #666666 !important; } .objf-bton-1.c3 { position: relative; padding: 2px 10px ; margin: auto; *margin: 0px 4px; } .objf-bton-1.c3 { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #F93F26 !important; } .objf-bton-1.c3:hover { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #FF6652 !important; } .objf-bton-1.c3:focus { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #FF6652 !important; } .objf-bton-1.c3:active { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #F93F26 !important; } .objf-bton-1.c4 { position: relative; padding: 2px 10px ; margin: auto; *margin: 0px 4px; } .objf-bton-1.c4 { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #F95602 !important; } .objf-bton-1.c4:hover { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #FC7F3F !important; } .objf-bton-1.c4:focus { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #FC7F3F !important; } .objf-bton-1.c4:active { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #F95602 !important; } .objf-bton-1.c5 { position: relative; padding: 2px 10px ; margin: auto; *margin: 0px 4px; } .objf-bton-1.c5 { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: rgba(240,240,240, 0.3) !important; } .objf-bton-1.c5:hover { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: rgba(240,240,240, 0.4) !important; } .objf-bton-1.c5:focus { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: rgba(240,240,240, 0.4) !important; } .objf-bton-1.c5:active { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: rgba(240,240,240, 0.3) !important; } .objf-bton-1.c6 { position: relative; padding: 2px 10px ; margin: auto; *margin: 0px 4px; } .objf-bton-1.c6 { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #00C6B2 !important; } .objf-bton-1.c6:hover { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #56D6C9 !important; } .objf-bton-1.c6:focus { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #56D6C9 !important; } .objf-bton-1.c6:active { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #00C6B2 !important; } .objf-bton-1.c7 { position: relative; padding: 2px 10px ; margin: auto; *margin: 0px 4px; } .objf-bton-1.c7 { color: #444444 !important; border: 1px solid #FFFFFF; background-color: #EEEEEE !important; } .objf-bton-1.c7:hover { color: #222222 !important; border: 1px solid #FFFFFF; background-color: #E0E0E0 !important; } .objf-bton-1.c7:focus { color: #222222 !important; border: 1px solid #FFFFFF; background-color: #E0E0E0 !important; } .objf-bton-1.c7:active { color: #222222 !important; border: 1px solid #FFFFFF; background-color: #E0E0E0 !important; } /* -- bton para fondos negros principalmente -- */ /*???CHF REVISAR Y MEJORAR BOTON */ .objf-bton-2 { position: relative; padding: 2px; margin: auto; *margin: 0px 4px; box-shadow:0 0 0 3px #EEF5F7; text-shadow: 1px 1px 0px white; border-radius: 20px; } .objf-bton-2 { border: 1px solid #CED5D7 !important; background: #e4f1f6 !important; background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%) !important; background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%) !important; background: linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%) !important; } .objf-bton-2:hover { border: 1px solid #CED5D7 !important; background: #edfcff !important; background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%) !important; background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%) !important; background: linear-gradient(top, #edfcff 0%, #cfe6ef 100%) !important; } .objf-bton-2:focus { border: 1px solid #CED5D7 !important; background: #edfcff !important; background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%) !important; background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%) !important; background: linear-gradient(top, #edfcff 0%, #cfe6ef 100%) !important; } .objf-bton-2:active { border: 1px solid #CED5D7 !important; background: #cfe6ef !important; background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%) !important; background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%) !important; background: linear-gradient(top, #cfe6ef 0%, #edfcff 100%) !important; } .objf-bton-2.c1 { border: 1px solid #CED5D7 !important; background: #e4f1f6 !important; background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%) !important; background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%) !important; background: linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%) !important; } .objf-bton-2.c1:hover { border: 1px solid #CED5D7 !important; background: #edfcff !important; background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%) !important; background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%) !important; background: linear-gradient(top, #edfcff 0%, #cfe6ef 100%) !important; } .objf-bton-2.c1:focus { border: 1px solid #CED5D7 !important; background: #edfcff !important; background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%) !important; background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%) !important; background: linear-gradient(top, #edfcff 0%, #cfe6ef 100%) !important; } .objf-bton-2.c1:active { border: 1px solid #CED5D7 !important; background: #cfe6ef !important; background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%) !important; background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%) !important; background: linear-gradient(top, #cfe6ef 0%, #edfcff 100%) !important; } /* -- bton circulares -- */ /* ???CHF REVISAR Y MEJORAR BOTON */ .objf-bton-circ-1 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 4px; border: 0px solid transparent; } .objf-bton-circ-1 { background: transparent url('imgs/dfct_imge_mas_14x15_v1.png') 0 0 no-repeat; } .objf-bton-circ-1:hover { background: transparent url('imgs/dfct_imge_mas_14x15_v2.png') 0 0 no-repeat; } .objf-bton-circ-1:focus { background: transparent url('imgs/dfct_imge_mas_14x15_v2.png') 0 0 no-repeat; } .objf-bton-circ-1:active { background: transparent url('imgs/dfct_imge_mas_14x15_v2.png') 0 0 no-repeat; } /* -- bton sin formato inicial -- para dar formato se debe utilizar -- */ .objf-bton-3 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 4px; text-decoration: none; } /*.objf-bton-3 { background: transparent url('imgs/bton_fndo_1.png') 0 0 no-repeat; }*/ .objf-bton-3 { /*color: #FFFFFF; border: 1px solid transparent; background-color: #BBBBBB;*/ text-decoration: none; } .objf-bton-3:hover { color: #F9F9F9 !important; border: 1px solid #999999; background-color: #CCCCCC !important; } .objf-bton-3:focus { color: #F9F9F9 !important; border: 1px solid #999999; background-color: #CCCCCC !important; } .objf-bton-3:active { color: #F9F9F9 !important; border: 1px solid #999999; background-color: #CCCCCC !important; } .objf-bton-3.c0 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; text-decoration: none; } .objf-bton-3.c0 { color: #555555 !important; border: 1px solid #CCCCCC; background-color: #FFFFFF !important; } .objf-bton-3.c0:link { color: #555555 !important; border: 1px solid #CCCCCC; background-color: #FFFFFF !important; } .objf-bton-3.c0:visited { color: #555555 !important; border: 1px solid #CCCCCC; background-color: #FFFFFF !important; } .objf-bton-3.c0:hover { color: #444444 !important; border: 1px solid #999999; background-color: #F5F5F5 !important; } .objf-bton-3.c0:active { color: #555555 !important; border: 1px solid #CCCCCC; background-color: #FFFFFF !important; } .objf-bton-3.c0:focus { color: #444444 !important; border: 1px solid #999999; background-color: #F5F5F5 !important; } .objf-bton-3.c1 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; text-decoration: none; } .objf-bton-3.c1 { color: #FFFFFF !important; border: 1px solid #1952FF; background-color: #4D79FF !important; } .objf-bton-3.c1:link { color: #FFFFFF !important; border: 1px solid #7094FF; background-color: #4D79FF !important; } .objf-bton-3.c1:visited { color: #FFFFFF !important; border: 1px solid #7094FF; background-color: #4D79FF !important; } .objf-bton-3.c1:hover { color: #FFFFFF !important; border: 1px solid #1952FF; background-color: #7893FE !important; } .objf-bton-3.c1:active { color: #FFFFFF !important; border: 1px solid #7094FF; background-color: #4D79FF !important; } .objf-bton-3.c1:focus { color: #FFFFFF !important; border: 1px solid #7094FF; background-color: #7C9DFF !important; } .objf-bton-3.c2 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; text-decoration: none; } .objf-bton-3.c2 { color: #FFFFFF !important; border: 1px solid #222222; background-color: #666666 !important; } .objf-bton-3.c2:link { color: #FFFFFF !important; border: 1px solid #222222; background-color: #666666 !important; } .objf-bton-3.c2:visited { color: #FFFFFF !important; border: 1px solid #222222; background-color: #666666 !important; } .objf-bton-3.c2:hover { color: #FFFFFF !important; border: 1px solid #222222; background-color: #888888 !important; } .objf-bton-3.c2:active { color: #FFFFFF !important; border: 1px solid #222222; background-color: #666666 !important; } .objf-bton-3.c2:focus { color: #FFFFFF !important; border: 1px solid #222222; background-color: #888888 !important; } .objf-bton-3.c3 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-3.c3 { color: #FFFFFF !important; border: 1px solid #E8112D; background-color: #F93F26 !important; } .objf-bton-3.c3:hover { color: #FFFFFF !important; border: 1px solid #E8112D; background-color: #FF6652 !important; } .objf-bton-3.c3:focus { color: #FFFFFF !important; border: 1px solid #E8112D; background-color: #FF6652 !important; } .objf-bton-3.c3:active { color: #FFFFFF !important; border: 1px solid #E8112D; background-color: #F93F26 !important; } .objf-bton-3.c3:link { color: #FFFFFF !important; border: 1px solid #E8112D; background-color: #F93F26 !important; } .objf-bton-3.c3:visited { color: #FFFFFF !important; border: 1px solid #E8112D; background-color: #F93F26 !important; } .objf-bton-3.c4 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-3.c4 { color: #FFFFFF; border: 1px solid #F96302; background-color: #F95602 !important; } .objf-bton-3.c4:hover { color: #FFFFFF; border: 1px solid #F96302; background-color: #FC7F3F !important; } .objf-bton-3.c4:focus { color: #FFFFFF; border: 1px solid #F96302; background-color: #FC7F3F !important; } .objf-bton-3.c4:active { color: #FFFFFF; border: 1px solid #F96302; background-color: #F95602 !important; } .objf-bton-3.c4:link { color: #FFFFFF; border: 1px solid #F96302; background-color: #F95602 !important; } .objf-bton-3.c4:visited { color: #FFFFFF; border: 1px solid #F96302; background-color: #F95602 !important; } .objf-bton-3.c5 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-3.c5 { color: #FFFFFF !important; border: 1px solid #CCCCCC; background-color: rgba(0,0,0, 0.3) !important; } .objf-bton-3.c5:hover { color: #FFFFFF !important; border: 1px solid #EEEEEE; background-color: rgba(0,0,0, 0.4) !important; } .objf-bton-3.c5:focus { color: #FFFFFF !important; border: 1px solid #EEEEEE; background-color: rgba(0,0,0, 0.4) !important; } .objf-bton-3.c5:active { color: #FFFFFF !important; border: 1px solid #CCCCCC; background-color: rgba(0,0,0, 0.3) !important; } .objf-bton-3.c5:link { color: #FFFFFF !important; border: 1px solid #CCCCCC; background-color: rgba(0,0,0, 0.3) !important; } .objf-bton-3.c5:visited { color: #FFFFFF !important; border: 1px solid #CCCCCC; background-color: rgba(0,0,0, 0.3) !important; } .objf-bton-3.c6 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-3.c6 { color: #FFFFFF !important; border: 1px solid #00AA9E; background-color: #00C6B2 !important; } .objf-bton-3.c6:hover { color: #FFFFFF !important; border: 1px solid #00AA9E; background-color: #56D6C9 !important; } .objf-bton-3.c6:focus { color: #FFFFFF !important; border: 1px solid #00AA9E; background-color: #56D6C9 !important; } .objf-bton-3.c6:active { color: #FFFFFF !important; border: 1px solid #00AA9E; background-color: #00C6B2 !important; } .objf-bton-3.c6:link { color: #FFFFFF !important; border: 1px solid #00AA9E; background-color: #00C6B2 !important; } .objf-bton-3.c6:visited { color: #FFFFFF !important; border: 1px solid #00AA9E; background-color: #00C6B2 !important; } .objf-bton-3.c7 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-3.c7 { color: #444444 !important; border: 1px solid #CCCCCC; background-color: #F0F0F0 !important; } .objf-bton-3.c7:hover { color: #222222 !important; border: 1px solid #BBBBBB; background-color: #F5F5F5 !important; } .objf-bton-3.c7:focus { color: #222222 !important; border: 1px solid #BBBBBB; background-color: #F5F5F5 !important; } .objf-bton-3.c7:active { color: #222222 !important; border: 1px solid #BBBBBB; background-color: #F5F5F5 !important; } .objf-bton-3.c7:link { color: #222222 !important; border: 1px solid #BBBBBB; background-color: #F5F5F5 !important; } .objf-bton-3.c7:visited { color: #222222 !important; border: 1px solid #BBBBBB; background-color: #F5F5F5 !important; } /* -- bton para fondos animados -- */ .objf-bton-4 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 4px; text-decoration: none; cursor: hand; cursor: pointer; } .objf-bton-4 { color: #BBBBBB !important; border: 2px solid #BBBBBB; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4:hover, .objf-bton-4:focus, .objf-bton-4:active { color: #FFFFFF !important; border: 2px solid #999999; background-color: #CCCCCC !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c0 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-4.c0 { color: #999999 !important; border: 2px solid #CCCCCC; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c0:link, .objf-bton-4.c0:visited { text-decoration: none; } .objf-bton-4.c0:hover, .objf-bton-4.c0:active, .objf-bton-4.c0:focus { color: #444444 !important; border: 2px solid #999999; background-color: #F5F5F5 !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c1 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-4.c1 { color: #1952FF !important; border: 2px solid #1952FF; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c1:link, .objf-bton-4.c1:visited { text-decoration: none; } .objf-bton-4.c1:hover, .objf-bton-4.c1:active, .objf-bton-4.c1:focus { color: #FFFFFF !important; border: 2px solid #1952FF; background-color: #4D79FF !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c2 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-4.c2 { color: #222222 !important; border: 2px solid #222222; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c2:link, .objf-bton-4.c2:visited { text-decoration: none; } .objf-bton-4.c2:hover, .objf-bton-4.c2:active, .objf-bton-4.c2:focus { color: #FFFFFF !important; border: 2px solid #222222; background-color: #666666 !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c3 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-4.c3 { color: #E8112D !important; border: 2px solid #E8112D; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c3:link, .objf-bton-4.c3:visited { text-decoration: none; } .objf-bton-4.c3:hover, .objf-bton-4.c3:focus, .objf-bton-4.c3:active { color: #FFFFFF !important; border: 2px solid #E8112D; background-color: #F93F26 !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c4 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-4.c4 { color: #F96302 !important; border: 2px solid #F96302; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c4:link, .objf-bton-4.c4:visited { text-decoration: none; } .objf-bton-4.c4:hover, .objf-bton-4.c4:focus, .objf-bton-4.c4:active { color: #FFFFFF !important; border: 2px solid #F96302; background-color: #F95602 !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c5 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-4.c5 { color: #CCCCCC !important; border: 2px solid #CCCCCC; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c5:link, .objf-bton-4.c5:visited { text-decoration: none; } .objf-bton-4.c5:hover, .objf-bton-4.c5:focus, .objf-bton-4.c5:active { color: #FFFFFF !important; border: 2px solid #EEEEEE; background-color: #444444 !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c6 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-4.c6 { color: #00AA9E !important; border: 2px solid #00AA9E; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c6:link, .objf-bton-4.c6:visited { text-decoration: none; } .objf-bton-4.c6:hover, .objf-bton-4.c6:focus, .objf-bton-4.c6:active { color: #FFFFFF !important; border: 2px solid #00AA9E; background-color: #00C6B2 !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c7 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-4.c7 { color: #666666 !important; border: 2px solid #CCCCCC; background-color: transparent !important; ; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c7:link, .objf-bton-4.c7:visited { text-decoration: none; } .objf-bton-4.c7:hover, .objf-bton-4.c7:focus, .objf-bton-4.c7:active { color: #222222 !important; border: 2px solid #BBBBBB; background-color: #F0F0F0 !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c8 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; text-decoration: none; } .objf-bton-4.c8 { color: #CCCCCC !important; border: 2px solid #CCCCCC; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c8:link, .objf-bton-4.c8:visited { text-decoration: none; } .objf-bton-4.c8:hover, .objf-bton-4.c8:focus, .objf-bton-4.c8:active { color: #777777 !important; border: 2px solid #BBBBBB; background-color: #FAFAFA !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c9 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; text-decoration: none; } .objf-bton-4.c9 { color: #0A5DA5 !important; border: 2px solid #0A5DA5; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c9:link, .objf-bton-4.c9:visited { text-decoration: none; } .objf-bton-4.c9:hover, .objf-bton-4.c9:focus, .objf-bton-4.c9:active { color: #FFFFFF !important; border: 2px solid #0A5DA5; background-color: #0A5DA5 !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c10 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; text-decoration: none; } .objf-bton-4.c10 { color: #FFFFFF !important; border: 2px solid rgba(250,250,250,1); background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-4.c10:link, .objf-bton-4.c10:visited { text-decoration: none; } .objf-bton-4.c10:hover, .objf-bton-4.c10:focus, .objf-bton-4.c10:active { color: #666666 !important; border: 2px solid #FFFFFF; background-color: rgba(255, 255, 255, 1) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } /* -- bton sin bordes ni background iniciales -- */ .objf-bton-5 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 4px; text-decoration: none; cursor: hand; cursor: pointer; } .objf-bton-5 { color: #FFFFFF !important; border: 1px solid rgba(250,250,250,0.3); background-color: transparent; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5:link, .objf-bton-5:visited { text-decoration: none; } .objf-bton-5:hover, .objf-bton-5:focus, .objf-bton-5:active { color: #F9F9F9; border: 1px solid #FFFFFF; background-color: rgba(250,250,250,0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c0 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-5.c0 { color: #999999 !important; border: 1px solid rgba(204,204,204, 0.3); background-color: rgba(245,245,245, 0.1) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c0:link, .objf-bton-5.c0:visited { text-decoration: none; } .objf-bton-5.c0:hover, .objf-bton-5.c0:active, .objf-bton-5.c0:focus { color: #666666 !important; border: 1px solid #999999; background-color: rgba(245,245,245, 0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c1 { color: #1952FF !important; border: 1px solid rgba(25,82,255,0.3); background-color: rgba(77,121,255,0.1) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c1:link, .objf-bton-5.c1:visited { text-decoration: none; } .objf-bton-5.c1:hover, .objf-bton-5.c1:active, .objf-bton-5.c1:focus { color: #1952FF !important; border: 1px solid #1952FF; background-color: rgba(77,121,255,0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c2 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-5.c2 { color: #666666 !important; border: 1px solid rgba(34,34,34,0.3); background-color: rgba(102,102,102,0.1) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c2:link, .objf-bton-5.c2:visited { text-decoration: none; } .objf-bton-5.c2:hover, .objf-bton-5.c2:active, .objf-bton-5.c2:focus { color: #444444 !important; border: 1px solid #444444; background-color: rgba(102,102,102,0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c3 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-5.c3 { color: #E8112D !important; border: 1px solid rgba(232,17,45,0.3); background-color: rgba(249,63,38,0.1) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c3:link, .objf-bton-5.c3:visited { text-decoration: none; } .objf-bton-5.c3:hover, .objf-bton-5.c3:focus, .objf-bton-5.c3:active { color: #C10821 !important; border: 1px solid #E8112D; background-color: rgba(249,63,38,0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c4 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-5.c4 { color: #F96302 !important; border: 1px solid rgba(249,99,2,0.3); background-color: rgba(249,86,2,0.1) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c4:link, .objf-bton-5.c4:visited { text-decoration: none; } .objf-bton-5.c4:hover, .objf-bton-5.c4:focus, .objf-bton-5.c4:active { color: #A44201 !important; border: 1px solid #F96302; background-color: rgba(249,86,2,0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c5 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-5.c5 { color: #CCCCCC !important; border: 1px solid rgba(238,238,238, 0.6); background-color: rgba(0,0,0, 0.1) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c5:link, .objf-bton-5.c5:visited { text-decoration: none; } .objf-bton-5.c5:hover, .objf-bton-5.c5:focus, .objf-bton-5.c5:active { color: #FFFFFF !important; border: 1px solid #EEEEEE; background-color: rgba(0,0,0, 0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c6 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-5.c6 { color: #00AA9E !important; border: 1px solid rgba(0,170,158, 0.6); background-color: rgba(0,198,178, 0.1) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c6:link, .objf-bton-5.c6:visited { text-decoration: none; } .objf-bton-5.c6:hover, .objf-bton-5.c6:focus, .objf-bton-5.c6:active { color: #028E84 !important; border: 1px solid #00AA9E; background-color: rgba(0,198,178, 0.25) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c7 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-5.c7 { color: #999999 !important; border: 1px solid rgba(204,204,204, 0.3); background-color: rgba(240,240,240,0.2) !important; ; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c7:link, .objf-bton-5.c7:visited { text-decoration: none; } .objf-bton-5.c7:hover, .objf-bton-5.c7:focus, .objf-bton-5.c7:active { color: #222222 !important; border: 1px solid #999999; background-color: rgba(240,240,240,0.3) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c8 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; text-decoration: none; } .objf-bton-5.c8 { color: #BBBBBB !important; border: 1px solid rgba(187,187,187, 0.3); background-color: rgba(250,250,250,0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c8:link, .objf-bton-5.c8:visited { text-decoration: none; } .objf-bton-5.c8:hover, .objf-bton-5.c8:focus, .objf-bton-5.c8:active { color: #999999 !important; border: 1px solid #BBBBBB; background-color: rgba(250,250,250,0.3) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c9 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; text-decoration: none; } .objf-bton-5.c9 { color: #0A5DA5 !important; border: 1px solid rgba(10,93,165,0.3); background-color: rgba(10,93,165,0.1) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c9:link, .objf-bton-5.c9:visited { text-decoration: none; } .objf-bton-5.c9:hover, .objf-bton-5.c9:focus, .objf-bton-5.c9:active { color: #084173 !important; border: 1px solid #0A5DA5; background-color: rgba(10,93,165,0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c10 { color: #FFFFFF !important; border: 1px solid rgba(250,250,250,0.3); background-color: rgba(250,250,250,0.1) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-5.c10:link, .objf-bton-5.c10:visited { text-decoration: none; } .objf-bton-5.c10:hover, .objf-bton-5.c10:focus, .objf-bton-5.c10:active { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: rgba(255, 255, 255, 0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } /* -- bton sin bordes ni background iniciales -- */ .objf-bton-6 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 4px; text-decoration: none; cursor: hand; cursor: pointer; } .objf-bton-6 { color: #FFFFFF !important; border: 1px solid transparent; background-color: transparent; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6:link, .objf-bton-6:visited { text-decoration: none; } .objf-bton-6:hover, .objf-bton-6:focus, .objf-bton-6:active { color: #F9F9F9; border: 1px solid #FFFFFF; background-color: rgba(250,250,250,0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c0 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-6.c0 { color: #999999 !important; border: 1px solid transparent; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c0:link, .objf-bton-6.c0:visited { text-decoration: none; } .objf-bton-6.c0:hover, .objf-bton-6.c0:active, .objf-bton-6.c0:focus { color: #666666 !important; border: 1px solid #999999; background-color: rgba(245,245,245, 0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c1 { color: #1952FF !important; border: 1px solid transparent; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c1:link, .objf-bton-6.c1:visited { text-decoration: none; } .objf-bton-6.c1:hover, .objf-bton-6.c1:active, .objf-bton-6.c1:focus { color: #1952FF !important; border: 1px solid #1952FF; background-color: rgba(77,121,255,0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c2 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-6.c2 { color: #666666 !important; border: 1px solid transparent; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c2:link, .objf-bton-6.c2:visited { text-decoration: none; } .objf-bton-6.c2:hover, .objf-bton-6.c2:active, .objf-bton-6.c2:focus { color: #444444 !important; border: 1px solid #444444; background-color: rgba(102,102,102,0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c3 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-6.c3 { color: #E8112D !important; border: 1px solid transparent; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c3:link, .objf-bton-6.c3:visited { text-decoration: none; } .objf-bton-6.c3:hover, .objf-bton-6.c3:focus, .objf-bton-6.c3:active { color: #C10821 !important; border: 1px solid #E8112D; background-color: rgba(249,63,38,0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c4 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-6.c4 { color: #F96302 !important; border: 1px solid transparent; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c4:link, .objf-bton-6.c4:visited { text-decoration: none; } .objf-bton-6.c4:hover, .objf-bton-6.c4:focus, .objf-bton-6.c4:active { color: #A44201 !important; border: 1px solid #F96302; background-color: rgba(249,86,2,0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c5 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-6.c5 { color: #CCCCCC !important; border: 1px solid transparent; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c5:link, .objf-bton-6.c5:visited { text-decoration: none; } .objf-bton-6.c5:hover, .objf-bton-6.c5:focus, .objf-bton-6.c5:active { color: #FFFFFF !important; border: 1px solid #EEEEEE; background-color: rgba(0,0,0, 0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c6 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-6.c6 { color: #00AA9E !important; border: 1px solid transparent; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c6:link, .objf-bton-6.c6:visited { text-decoration: none; } .objf-bton-6.c6:hover, .objf-bton-6.c6:focus, .objf-bton-6.c6:active { color: #028E84 !important; border: 1px solid #00AA9E; background-color: rgba(0,198,178, 0.25) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c7 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; } .objf-bton-6.c7 { color: #999999 !important; border: 1px solid transparent; background-color: transparent !important; ; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c7:link, .objf-bton-6.c7:visited { text-decoration: none; } .objf-bton-6.c7:hover, .objf-bton-6.c7:focus, .objf-bton-6.c7:active { color: #222222 !important; border: 1px solid #999999; background-color: rgba(240,240,240,0.3) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c8 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; text-decoration: none; } .objf-bton-6.c8 { color: #BBBBBB !important; border: 1px solid transparent; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c8:link, .objf-bton-6.c8:visited { text-decoration: none; } .objf-bton-6.c8:hover, .objf-bton-6.c8:focus, .objf-bton-6.c8:active { color: #999999 !important; border: 1px solid #BBBBBB; background-color: rgba(250,250,250,0.3) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c9 { position: relative; padding: 2px 10px; margin: auto; *margin: 0px 1px; text-decoration: none; } .objf-bton-6.c9 { color: #0A5DA5 !important; border: 1px solid transparent; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c9:link, .objf-bton-6.c9:visited { text-decoration: none; } .objf-bton-6.c9:hover, .objf-bton-6.c9:focus, .objf-bton-6.c9:active { color: #084173 !important; border: 1px solid #0A5DA5; background-color: rgba(10,93,165,0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c10 { color: #FFFFFF !important; border: 1px solid transparent; background-color: transparent !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } .objf-bton-6.c10:link, .objf-bton-6.c10:visited { text-decoration: none; } .objf-bton-6.c10:hover, .objf-bton-6.c10:focus, .objf-bton-6.c10:active { color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: rgba(255, 255, 255, 0.2) !important; -moz-transition: .4s linear; -webkit-transition: .4s ease-out; transition: .4s linear; } /** * [css] button / ESTILOS PARA TAG select/option * */ /* css select::objf-sele-0 -- -- -- -- -- -- -- -- -- -- -- -- */ select.objf-sele-0 { padding: 3px; margin: 0px; right: 20px; min-height: 25px; } select.objf-sele-0 { color: #555555; border: 1px solid #CCCCCC; background-color: #FFFFFF; } /*#99B3FF; */ select.objf-sele-0:hover { color: #222222; border: 1px solid #AAAAAA; background-color: #F5F5F5; } /*#537EFF; */ select.objf-sele-0:focus { color: #222222; border: 1px solid #AAAAAA; background-color: #F3F3F3; } /*#537EFF; */ select.objf-sele-0:active { color: #222222; border: 1px solid #AAAAAA; background-color: #F3F3F3; } /*#537EFF; */ select.objf-sele-0 option { border: 1px solid transparent; background-color: transparent; } select.objf-sele-0.c0 { color: #555555; border: 1px solid #CCCCCC; background-color: #FFFFFF; } select.objf-sele-0.c0:hover { color: #444444; border: 1px solid #999999; background-color: #F9F9F9; rgb(255,255,255); background-color: rgba(255,255,255,0.9); } select.objf-sele-0.c0:focus { color: #444444; border: 1px solid #999999; background-color: #F9F9F9; rgb(255,255,255); background-color: rgba(255,255,255,0.9); } select.objf-sele-0.c0:active { color: #444444; border: 1px solid #999999; background-color: #F9F9F9; rgb(255,255,255); background-color: rgba(255,255,255,0.9); } select.objf-sele-0.c1 { color: #555555; border: 1px solid #CCCCCC; background-color: #FFFFFF; } select.objf-sele-0.c1:hover { color: #222222; border: 1px solid #7BBBD8; background-color: #E0EFF5; background-color: rgb(224,239,245); background-color: rgba(224,239,245,0.4); } select.objf-sele-0.c1:focus { color: #222222; border: 1px solid #7BBBD8; background-color: #E0EFF5; background-color: rgb(224,239,245); background-color: rgba(224,239,245,0.4); } select.objf-sele-0.c1:active { color: #222222; border: 1px solid #7BBBD8; background-color: #E0EFF5; background-color: rgb(224,239,245); background-color: rgba(224,239,245,0.4); } select.objf-sele-0.c2 { color: #555555; border: 1px solid #CCCCCC; background-color: #FFFFFF; } select.objf-sele-0.c2:hover { color: #FFFFFF; border: 1px solid #222222; background-color: #666666; background-color: rgb(102,102,102); background-color: rgba(102,102,102,0.4); } select.objf-sele-0.c2:focus { color: #FFFFFF; border: 1px solid #222222; background-color: #666666; background-color: rgb(102,102,102); background-color: rgba(102,102,102,0.4); } select.objf-sele-0.c2:active { color: #FFFFFF; border: 1px solid #222222; background-color: #666666; background-color: rgb(102,102,102); background-color: rgba(102,102,102,0.4); } select.objf-sele-0.c3 { color: #555555; border: 1px solid #CCCCCC; background-color: #FFFFFF; } select.objf-sele-0.c3:hover { color: #FFFFFF; border: 1px solid #E8112D; background-color: #F93F26; background-color: rgb(249,63,38); background-color: rgba(249,63,38,0.4); } select.objf-sele-0.c3:focus { color: #FFFFFF; border: 1px solid #E8112D; background-color: #F93F26; background-color: rgb(249,63,38); background-color: rgba(249,63,38,0.4); } select.objf-sele-0.c3:active { color: #FFFFFF; border: 1px solid #E8112D; background-color: #F93F26; background-color: rgb(249,63,38); background-color: rgba(249,63,38,0.4); } select.objf-sele-0.c4 { color: #555555; border: 1px solid #CCCCCC; background-color: #FFFFFF; } select.objf-sele-0.c4:hover { color: #222222; border: 1px solid #FCBF49; background-color: #FFD691; background-color: rgb(255,214,145); background-color: rgba(255,214,145,0.4); } select.objf-sele-0.c4:focus { color: #222222; border: 1px solid #FCBF49; background-color: #FFD691; background-color: rgb(255,214,145); background-color: rgba(255,214,145,0.4); } select.objf-sele-0.c4:active { color: #222222; border: 1px solid #FCBF49; background-color: #FFD691; background-color: rgb(255,214,145); background-color: rgba(255,214,145,0.4); } select.objf-sele-0.c5 { padding: 3px; margin: 0px; *margin: 15px; right: 20px; min-height: 25px; } select.objf-sele-0.c5 { color: #555555; border: 1px solid #CCCCCC; background-color: #FFFFFF; } select.objf-sele-0.c5:hover { color: #222222; border: 1px solid #999999; background-color: #FFFFFF; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.4); } select.objf-sele-0.c5:focus { color: #222222; border: 1px solid #999999; background-color: #FFFFFF; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.4); } select.objf-sele-0.c5:active { color: #222222; border: 1px solid #999999; background-color: #FFFFFF; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.4); } select.objf-sele-0.c6 { color: #555555; border: 1px solid #CCCCCC; background-color: #FFFFFF; } select.objf-sele-0.c6:hover { color: #FFFFFF; border: 1px solid #00AA9E; background-color: #00C6B2; background-color: rgb(0,198,178); background-color: rgba(0,198,178,0.4); } select.objf-sele-0.c6:focus { color: #FFFFFF; border: 1px solid #00AA9E; background-color: #00C6B2; background-color: rgb(0,198,178); background-color: rgba(0,198,178,0.4); } select.objf-sele-0.c6:active { color: #FFFFFF; border: 1px solid #00AA9E; background-color: #00C6B2; background-color: rgb(0,198,178); background-color: rgba(0,198,178,0.4); } /* css select::objf-option-0 -- -- -- -- -- -- -- -- -- -- -- -- */ select.objf-sele-0 option { padding: 0px; margin: 0px; } select.objf-sele-0 option.c1 { padding: 0px; margin: 0px; } select.objf-sele-0 option.c1 { color: #444444; background-color: #E0EFF5; } select.objf-sele-0 option.c2 { padding: 1px; margin: 0px; } select.objf-sele-0 option.c2 { color: #FFFFFF; background-color: #666666; } select.objf-sele-0 option.c3 { padding: 1px; margin: 0px; } select.objf-sele-0 option.c3 { color: #FFFFFF; background-color: #F93F26; } select.objf-sele-0 option.c4 { padding: 1px; margin: 0px; } select.objf-sele-0 option.c4 { color: #444444; background-color: #FFD691; } select.objf-sele-0 option.c5 { padding: 1px; margin: 0px; } select.objf-sele-0 option.c5 { color: #444444; background-color: #FFFFFF; } select.objf-sele-0 option.c6 { padding: 1px; margin: 0px; } select.objf-sele-0 option.c6 { color: #FFFFFF; background-color: #00C6B2; } /** * [css] form / ESTILOS PARA FORMULARIOS V2.0 / + SIMPLES * */ /* -- PARA CREAR MARCOS EN LOS FORM -- */ .objf-form-0.m0, .objf-form-1.m0 { border: 1px solid #FFFFFF; } .objf-form-0.m1, .objf-form-1.m1 { border: 1px solid #B0D6E1; } .objf-form-0.m2, .objf-form-1.m2 { border: 1px solid #AAAAAA; } .objf-form-0.m3, .objf-form-1.m3 { border: 1px solid #FF0202; } .objf-form-0.m4, .objf-form-1.m4 { border: 1px solid #FF7530; } .objf-form-0.m5, .objf-form-1.m5 { border: 1px solid #666666; } .objf-form-0.m6, .objf-form-1.m6 { border: 1px solid #00DAFF; } .objf-form-0.m7, .objf-form-1.m7 { border: 1px solid #EEEEEE; } .objf-form-0.m0-left, .objf-form-1.m0-left { border: none; border-left: 1px solid #FFFFFF; } .objf-form-0.m1-left, .objf-form-1.m1-left { border: none; border-left: 1px solid #B0D6E1; } .objf-form-0.m2-left, .objf-form-1.m2-left { border: none; border-left: 1px solid #AAAAAA; } .objf-form-0.m3-left, .objf-form-1.m3-left { border: none; border-left: 1px solid #FF0202; } .objf-form-0.m4-left, .objf-form-1.m4-left { border: none; border-left: 1px solid #FF7530; } .objf-form-0.m5-left, .objf-form-1.m5-left { border: none; border-left: 1px solid #666666; } .objf-form-0.m6-left, .objf-form-1.m6-left { border: none; border-left: 1px solid #00DAFF; } .objf-form-0.m7-left, .objf-form-1.m7-left { border: none; border-left: 1px solid #EEEEEE; } .objf-form-0.m0-righ, .objf-form-1.m0-righ { border: none; border-right: 1px solid #FFFFFF; } .objf-form-0.m1-righ, .objf-form-1.m1-righ { border: none; border-right: 1px solid #B0D6E1; } .objf-form-0.m2-righ, .objf-form-1.m2-righ { border: none; border-right: 1px solid #AAAAAA; } .objf-form-0.m3-righ, .objf-form-1.m3-righ { border: none; border-right: 1px solid #FF0202; } .objf-form-0.m4-righ, .objf-form-1.m4-righ { border: none; border-right: 1px solid #FF7530; } .objf-form-0.m5-righ, .objf-form-1.m5-righ { border: none; border-right: 1px solid #666666; } .objf-form-0.m6-righ, .objf-form-1.m6-righ { border: none; border-right: 1px solid #00DAFF; } .objf-form-0.m7-righ, .objf-form-1.m7-righ { border: none; border-right: 1px solid #EEEEEE; } /* -- POSICIONES -- */ .objf-form-0 { padding: 15px 15px 10px; margin-top: 5px; overflow: hidden; position: relative; list-style: none; } .objf-form-0.sinn-padd { padding: 0px; margin-top: 5px; overflow: hidden; position: relative; list-style: none; } .objf-form-0 input[type='text'], .objf-form-0 textarea { padding: 4px 4px; resize: vertical; margin: 3px 0; } /* none both horizontal vertical inherit */ .objf-form-0 textarea:focus { outline: none; } .objf-form-0 a { outline: none; padding: 1px; } .objf-form-0 a:hover { outline: none; } .objf-form-0 a:focus { outline: none; } .objf-form-0 div { margin-bottom: 6px; } .objf-form-0 div.ttlo { margin: 0 0 0 0; padding: 0 0 0 0px; top: 0; left: 0; line-height: 20px; /*width: 100%;*/ position: relative; } .objf-form-0 div.crpo { padding-top: 10px; position: relative; } /* -- DISEÑO POR DEFAULT -- */ .objf-form-0 { border: 1px solid transparent; /*background-color: #FFFFFF;*/ } .objf-form-0 label { display: block; font-weight: bold; /* color: #888;*/ } .objf-form-0 div label:first-child { display: block; font-weight: bold; } .objf-form-0 div label:last-child { display: block; font-weight: normal; color: #bbb; } /* text-align: right;*/ .objf-form-0 div.crpo div.fono span { float: left; padding: 0.1em 0.5em 0.1em 0em ; } .objf-form-0 div.crpo div.fono span label { display: block; padding-top: 0px; padding-bottom: 2px; } .objf-form-0 input[type=text], .objf-form-0 input[type=checkbox], .objf-form-0 input[type=date], .objf-form-0 input[type=radio], .objf-form-0 input[type=password], .objf-form-0 textarea { border: 1px solid #DDDDDD; } .objf-form-0 input[type='text']:focus, .objf-form-0 textarea:focus { box-shadow:0 0 0 3px #dde9ec; } .objf-form-0 a { border-bottom: 1px solid transparent; color: #777; text-decoration: none; } .objf-form-0 a:hover { border-bottom: 1px dashed #333333; color: #333; } /* -- sombras -- */ .objf-form-0.smbr-1 { box-shadow: 0px 2px 5px #BBBBBB, 0 0 0 5px #EEEEEE inset; -webkit-box-shadow: 0px 2px 5px #BBBBBB, 0 0 0 5px #EEEEEE inset; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')";} .objf-form-0.smbr-2 input, .objf-form-0.smbr-2 textarea { box-shadow: 0 0 0 2px #EEEFFF; -webkit-box-shadow: 0 0 0 2px #EEEFFF ; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEFFF')";} /* -- ttlos/ crpo-- */ .objf-form-0 div.ttlo { /*background-color: transparent; color: #000; */} .objf-form-0 div.crpo { /*background-color: transparent; */ } .objf-form-0 .left { float: left; width: auto; margin: 5px; } .objf-form-0 .righ { float: left; width: auto; margin: 5px; } /* -- diseño c1 -- */ .objf-form-0.c1 { background-color: #FFFFFF; } .objf-form-0.c1 label { display: block; /*font-weight: bold; color: #6FB3C9;*/ } .objf-form-0.c1 input[type=text], .objf-form-0.c1 input[type=checkbox], .objf-form-0.c1 input[type=date], .objf-form-0.c1 input[type=radio], .objf-form-0.c1 input[type=password], .objf-form-0.c1 textarea { border: 1px solid #B0D6E1; } .objf-form-0.c1 input:focus, .objf-form-0.c1 textarea:focus { box-shadow:0 0 0 2px #dde9ec; } .objf-form-0.c1.smbr-1 { box-shadow: 0px 2px 5px #B5C1C5, 0 0 0 5px #EEF5F7 inset; -webkit-box-shadow: 0px 2px 5px #B5C1C5, 0 0 0 5px #EEF5F7 inset; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')";} .objf-form-0.c1.smbr-2 input, .objf-form-0.c1.smbr-2 textarea { box-shadow: 0 0 0 2px #EEEFFF; -webkit-box-shadow: 0 0 0 2px #EEEFFF ; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEFFF')";} .objf-form-0.c1.smbr-2 input:focus, .objf-form-0.c1.smbr-2 textarea:focus { box-shadow:0 0 0 3px #dde9ec; } .objf-form-0.c1 div.ttlo { /*background-color: #EEF5F7; color: #6FB3C9;*/ } .objf-form-0.c1 div.crpo { /*background-color: transparent; */ } /* -- diseño c2 -- */ .objf-form-0.c2 { background-color: #FFFFFF; } .objf-form-0.c2 label { display: block; /*font-weight: bold; color: #888;*/ } .objf-form-0.c2 input[type=text], .objf-form-0.c2 input[type=checkbox], .objf-form-0.c2 input[type=date], .objf-form-0.c2 input[type=radio], .objf-form-0.c2 input[type=password], .objf-form-0.c2 textarea { border: 1px solid #BBBBBB; } .objf-form-0.c2 input:focus, .objf-form-0.c2 textarea:focus { box-shadow:0 0 0 3px #dde9ec; } .objf-form-0.c2.smbr-1 { box-shadow: 0px 2px 5px #999999, 0 0 0 5px #BBBBBB inset; -webkit-box-shadow: 0px 2px 5px #999999, 0 0 0 5px #BBBBBB inset; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')";} .objf-form-0.c2.smbr-2 input, .objf-form-0.c2.smbr-2 textarea { box-shadow: 0 0 0 2px #EEEFFF; -webkit-box-shadow: 0 0 0 2px #EEEFFF ; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEFFF')";} .objf-form-0.c2.smbr-2 input:focus, .objf-form-0.c2.smbr-2 textarea:focus { box-shadow:0 0 0 3px #dde9ec; } .objf-form-0.c2 div.ttlo { /*background-color: #BBBBBB; color: #FFF;*/ } .objf-form-0.c2 div.crpo { /*background-color: transparent; */ } /* -- diseño c3 -- */ .objf-form-0.c3 { background-color: #FFFFFF; } .objf-form-0.c3 label { display: block; /*font-weight: bold; color: #FB5026;*/ } .objf-form-0.c3 input[type=text], .objf-form-0.c3 input[type=checkbox], .objf-form-0.c3 input[type=date], .objf-form-0.c3 input[type=radio], .objf-form-0.c3 input[type=password], .objf-form-0.c3 textarea { border: 1px solid #FB5026; } .objf-form-0.c3 input:focus, .objf-form-0.c3 textarea:focus { box-shadow:0 0 0 3px #dde9ec; } .objf-form-0.c3.smbr-1 { box-shadow: 0px 2px 5px #999999, 0 0 0 5px #FB5026 inset; -webkit-box-shadow: 0px 2px 5px #999999, 0 0 0 5px #FB5026 inset; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#FB5026')";} .objf-form-0.c3.smbr-2 input, .objf-form-0.c3.smbr-2 textarea { box-shadow: 0 0 0 2px #EEEFFF; -webkit-box-shadow: 0 0 0 2px #EEEFFF ; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEFFF')";} .objf-form-0.c3.smbr-2 input:focus, .objf-form-0.c3.smbr-2 textarea:focus { box-shadow:0 0 0 3px #dde9ec; } .objf-form-0.c3 div.ttlo { /*background-color: #FB5026; color: #FFF;*/ } .objf-form-0.c3 div.crpo { /*background-color: transparent; */ } /* -- diseño c4 -- */ .objf-form-0.c4 { background-color: #FFFFFF; } .objf-form-0.c4 label { display: block; /*font-weight: bold; color: #FF7530;*/ } .objf-form-0.c4 input[type=text], .objf-form-0.c4 input[type=checkbox], .objf-form-0.c4 input[type=date], .objf-form-0.c4 input[type=radio], .objf-form-0.c4 input[type=password], .objf-form-0.c4 textarea { border: 1px solid #FF7530; } .objf-form-0.c4 input:focus, .objf-form-0.c4 textarea:focus { box-shadow:0 0 0 3px #dde9ec; } .objf-form-0.c4.smbr-1 { box-shadow: 0px 2px 5px #999999, 0 0 0 5px #FF7530 inset; -webkit-box-shadow: 0px 2px 5px #999999, 0 0 0 5px #FF7530 inset; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')";} .objf-form-0.c4.smbr-2 input, .objf-form-0.c4.smbr-2 textarea { box-shadow: 0 0 0 2px #EEEFFF; -webkit-box-shadow: 0 0 0 2px #EEEFFF ; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEFFF')";} .objf-form-0.c4.smbr-2 input:focus, .objf-form-0.c4.smbr-2 textarea:focus { box-shadow:0 0 0 3px #dde9ec; } .objf-form-0.c4 div.ttlo { /*background-color: #FF7530; color: #FFF;*/ } .objf-form-0.c4 div.crpo { /*background-color: transparent; */ } /* -- diseño c5 -- */ .objf-form-0.c5 { background-color: transparent; } .objf-form-0.c5 label { display: block; /*font-weight: bold; color: #CCC;*/ } .objf-form-0.c5 input[type=text], .objf-form-0.c5 input[type=checkbox], .objf-form-0.c5 input[type=date], .objf-form-0.c5 input[type=radio], .objf-form-0.c5 input[type=password], .objf-form-0.c5 textarea { border: 1px solid #AAAAAA; background-color: #222; color: #FFF; } .objf-form-0.c5 input[type=text], .objf-form-0.c5 input[type=checkbox], .objf-form-0.c5 input[type=date], .objf-form-0.c5 input[type=radio], .objf-form-0.c5 input[type=password], .objf-form-0.c5 textarea { *background:url(imgs/bg_negr_1x1_opac_50.png) 0 0 repeat; background:url(imgs/bg_negr_1x1_opac_50.png) 0 0 repeat\0/; } .objf-form-0.c5 input:focus, .objf-form-0.c5 textarea:focus { box-shadow:0 0 0 3px #dde9ec; } .objf-form-0.c5.smbr-1 { box-shadow: 0px 2px 5px #999999, 0 0 0 5px #F0F0F0 inset; -webkit-box-shadow: 0px 2px 5px #999999, 0 0 0 5px #F0F0F0 inset; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')";} .objf-form-0.c5.smbr-2 input, .objf-form-0.c5.smbr-2 textarea { box-shadow: 0 0 0 2px #EEEFFF; -webkit-box-shadow: 0 0 0 2px #EEEFFF ; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEFFF')";} .objf-form-0.c5.smbr-2 input:focus, .objf-form-0.c5.smbr-2 textarea:focus { box-shadow:0 0 0 3px #dde9ec; } .objf-form-0.c5 div.ttlo { /*background-color: #F0F0F0; color: #000;*/ } .objf-form-0.c5 div.crpo { /*background-color: transparent; */ } /* -- diseño c6 -- */ .objf-form-0.c6 { background-color: #FFFFFF; } .objf-form-0.c6 label { display: block; /*font-weight: bold; color: #00DAFF;*/ } .objf-form-0.c6 input[type=text], .objf-form-0.c6 input[type=checkbox], .objf-form-0.c6 input[type=date], .objf-form-0.c6 input[type=radio], .objf-form-0.c6 input[type=password], .objf-form-0.c6 textarea { border: 1px solid #90F1E7; } .objf-form-0.c6 input:focus, .objf-form-0.c6 textarea:focus { box-shadow:0 0 0 3px #dde9ec; } .objf-form-0.c6.smbr-1 { box-shadow: 0px 2px 5px #999999, 0 0 0 5px #90F1E7 inset; -webkit-box-shadow: 0px 2px 5px #999999, 0 0 0 5px #90F1E7 inset; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')"; } .objf-form-0.c6.smbr-2 input, .objf-form-0.c6.smbr-2 textarea { box-shadow: 0 0 0 2px #EEEFFF; -webkit-box-shadow: 0 0 0 2px #EEEFFF ; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEFFF')";} .objf-form-0.c6.smbr-2 input:focus, .objf-form-0.c6.smbr-2 textarea:focus { box-shadow:0 0 0 3px #dde9ec; } .objf-form-0.c6 div.ttlo { /*background-color: #90F1E7; color: #000;*/ } .objf-form-0.c6 div.crpo { /*background-color: transparent; */ } /** * [css] form Complejos / ESTILOS PARA FORMULARIOS COMPLEJOS V2.0 (más de 1 columna) / * */ .objf-form-1 { padding: 10px 5px 10px; margin-top: 5px; margin-left: 7px; overflow: hidden; position: relative; list-style: none; } .objf-form-1 ul { list-style: none; margin: 0; padding: 0; } .objf-form-1 ul { margin: 2px 5px; } .objf-form-1 ul li { overflow: hidden; padding-bottom: 0.0em; list-style: none; } .objf-form-1 div { margin-bottom: 6px; } .objf-form-1 div.ttlo { margin: 0 0 0 0; padding: 0 0 0px 0px; top: 0; left: 0; line-height: 20px; width: 100%; position: relative; } .objf-form-1 div.crpo { padding-top: 10px; position: relative; } .objf-form-1 .left { float: left; max-width: 100%; } .objf-form-1 .righ { float: left; max-width: 100%; } .objf-form-1 ul li div { margin: 1px; margin-left: 20px; overflow: hidden; height: auto; } .objf-form-1 ul li label.ttlo { float: left; margin: 10px 10px 10px 10px; /*font-weight: bold; */ } .objf-form-1 ul li div span { float: left; padding: 0.1em 0.5em; } .objf-form-1 ul li div span label { display: block; padding-top: 0px; padding-bottom: 2px; } .objf-form-1 ul li div span label.desc-1 { display: block; padding-top: 1px; padding-bottom: 2px; } .objf-form-1 ul li div span label.desc-2 { display: block; padding-top: 1px; padding-bottom: 2px; } .objf-form-1 input[type='text'], .objf-form-1 textarea, .objf-form-1 select { padding: 2px 2px; resize: vertical; margin: 3px 0; } .objf-form-1 input[type='text']:focus, .objf-form-1 textarea:focus { padding: 2px 2px; resize: none; margin: 3px 0; } /*,.objf-form-1 select:focus */ .objf-form-1 a { padding: 1px; } /* Formatear el formulario a una columna */ /*.objf-form-1 ul li.izqu, .objf-form-1 ul li.dere { float: none; width: auto; }*/ .objf-form-1 .requ { padding: 0px 2px 0px 2px; margin: 1px 4px 0 0px; } .objf-form-1 .requ { font-weight: bold; color: #000000; background: #DDDDDD; } .objf-form-1 .requ.c1 { font-weight: bold; color: #FFFFFF; background: #4D79FF; } .objf-form-1 .requ.c2 { font-weight: bold; color: #FFFFFF; background: #AAAAAA; } .objf-form-1 .requ.c3 { font-weight: bold; color: #FFFFFF; background: #CC0000; } .objf-form-1 .requ.c4 { font-weight: bold; color: #FFFFFF; background: #FC7F3F; } .objf-form-1 .requ.c5 { font-weight: bold; color: #FFFFFF; background: #000000; } .objf-form-1 .requ.c6 { font-weight: bold; color: #FFFFFF; background: #00DAFF; } .objf-form-1 .requ.c7 { font-weight: bold; color: #000000; background: #FFFFFF; } .objf-form-1 a { outline: none; border-bottom: 1px solid transparent; color: #777; text-decoration: none; } .objf-form-1 a:hover { outline: none; border-bottom: 1px dashed #333; color: #333; } .objf-form-1 a:focus { outline: none; } .objf-form-1 ul li div span label { font-weight: normal; /*color: #999; */ } .objf-form-1 ul li div span label.desc-1 { font-weight: bold; color: #444; } .objf-form-1 ul li div span label.desc-2 { font-weight: normal; color: #999; } .objf-form-1 input[type='text']:focus, .objf-form-1 textarea:focus { box-shadow: 0 0 0 3px #dde9ec; } .objf-form-1 ul li:first-child { border-top: 0px solid #CCC; } .objf-form-1.over ul li:hover { Background: rgb(255,255,224); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,224,1) 0%, rgba(255,255,226,1) 100%); /* FF3.6+ */ background: linear-gradient(to bottom, rgba(255,255,224,1) 0%,rgba(255,255,226,1) 100%); /* W3C */ } /* por default */ .objf-form-1 { border: 1px solid #DDDDDD; /*background-color: #FFFFFF;*/ } .objf-form-1 div.ttlo { /*background-color: transparent; color: #000;*/ } .objf-form-1 div.crpo { /* background-color: transparent; */ } .objf-form-1.smbr-1 { box-shadow: 0px 2px 5px #BBBBBB, 0 0 0 5px #EEEEEE inset; -webkit-box-shadow: 0px 2px 5px #BBBBBB, 0 0 0 5px #EEEEEE inset; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')";} .objf-form-1.smbr-2 input[type='text'], .objf-form-1.smbr-2 textarea, .objf-form-1.smbr-2 select { box-shadow: 0 0 0 2px #EEEFFF; -webkit-box-shadow: 0 0 0 2px #EEEFFF ; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEFFF')";} .objf-form-1.line ul li { border-bottom: 1px solid #CCC; } /* c1 */ .objf-form-1.c1 { border: 1px solid #B0D6E1; background-color: #FFFFFF; } .objf-form-1.c1 div.ttlo { border-bottom: 1px solid #B0D6E1; /*background-color: #EEF5F7; color: #6FB3C9;*/ } .objf-form-1.c1 div.crpo { /* background-color: transparent; */ } .objf-form-1.c1.smbr-1 { box-shadow: 0px 2px 5px #B5C1C5, 0 0 0 5px #EEF5F7 inset; -webkit-box-shadow: 0px 2px 5px #B5C1C5, 0 0 0 5px #EEF5F7 inset; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEF5F7')";} .objf-form-1.c1.smbr-1 div.ttlo { border-bottom: 1px solid transparent; } .objf-form-1.c1.smbr-2 input[type='text']:focus, .objf-form-1.c1.smbr-2 textarea:focus { box-shadow: 0 0 0 2px #EEEFFF; -webkit-box-shadow: 0 0 0 2px #EEEFFF ; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEFFF')";} .objf-form-1.c1.line ul li { border-bottom: 1px solid #B0D6E1; } .objf-form-1.c1.line ul li:first-child { border-top: 0px solid #B0D6E1; } .objf-form-1.c1.line ul li:last-child { border-bottom: 0px solid #B0D6E1; } /* c2 */ .objf-form-1.c2 { border: 1px solid #AAAAAA; background-color: #FFFFFF; } .objf-form-1.c2 div.ttlo { /*background-color: #BBBBBB; color: #FFF;*/ } .objf-form-1.c2 div.crpo { /* background-color: transparent; */ } .objf-form-1.c2.smbr-1 { box-shadow: 0px 2px 5px #999999, 0 0 0 5px #BBBBBB inset; -webkit-box-shadow: 0px 2px 5px #999999, 0 0 0 5px #BBBBBB inset; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#BBBBBB')";} .objf-form-1.c2.smbr-2 input[type='text']:focus, .objf-form-1.c2.smbr-2 textarea:focus { box-shadow: 0 0 0 2px #EEEFFF; -webkit-box-shadow: 0 0 0 2px #EEEFFF ; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEFFF')";} .objf-form-1.c2.line ul li:first-child { border-top: 1px solid #AAAAAA; } .objf-form-1.c2.line ul li { border-bottom: 1px solid #AAAAAA; } /* c3 */ .objf-form-1.c3 { border: 1px solid #FF0202; background-color: #FFFFFF; } .objf-form-1.c3 div.ttlo { /*background-color: #FB5026; color: #FFF;*/ } .objf-form-1.c3 div.crpo { /* background-color: transparent; */ } .objf-form-1.c3.smbr-1 { box-shadow: 0px 2px 5px #999999, 0 0 0 5px #FB5026 inset; -webkit-box-shadow: 0px 2px 5px #999999, 0 0 0 5px #FB5026 inset; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#FB5026')";} .objf-form-1.c3.smbr-2 input[type='text']:focus, .objf-form-1.c3.smbr-2 textarea:focus { box-shadow: 0 0 0 2px #EEEFFF; -webkit-box-shadow: 0 0 0 2px #EEEFFF ; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEFFF')";} .objf-form-1.c3.line ul li:first-child { border-top: 1px solid #FF0202; } .objf-form-1.c3.line ul li { border-bottom: 1px solid #FF0202; } /* c4 */ .objf-form-1.c4 { border: 1px solid #FFB93F; background-color: #FFFFFF; } .objf-form-1.c4 div.ttlo { /*background-color: #FFD691; color: #444;*/ } .objf-form-1.c4 div.crpo { /* background-color: transparent; */ } .objf-form-1.c4.smbr-1 { box-shadow: 0px 2px 5px #999999, 0 0 0 5px #FFD691 inset; -webkit-box-shadow: 0px 2px 5px #999999, 0 0 0 5px #FFD691 inset; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#FB5026')";} .objf-form-1.c4.smbr-2 input[type='text']:focus, .objf-form-1.c4.smbr-2 textarea:focus { box-shadow: 0 0 0 2px #EEEFFF; -webkit-box-shadow: 0 0 0 2px #EEEFFF ; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEFFF')";} .objf-form-1.c4.line ul li:first-child { border-top: 1px solid #FFB93F; } .objf-form-1.c4.line ul li { border-bottom: 1px solid #FFB93F; } /* c5 */ .objf-form-1.c5 { border: 1px solid #AAAAAA; background-color: #FFFFFF; } .objf-form-1.c5 div.ttlo { /*background-color: #F0F0F0; color: #444;*/ } .objf-form-1.c5 div.crpo { /* background-color: transparent; */ } .objf-form-1.c5.smbr-1 { box-shadow: 0px 2px 5px #999999, 0 0 0 5px #F0F0F0 inset; -webkit-box-shadow: 0px 2px 5px #999999, 0 0 0 5px #F0F0F0 inset; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#F0F0F0')";} .objf-form-1.c5.smbr-2 input[type='text']:focus, .objf-form-1.c5.smbr-2 textarea:focus { box-shadow: 0 0 0 2px #EEEFFF; -webkit-box-shadow: 0 0 0 2px #EEEFFF ; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEFFF')";} .objf-form-1.c5.line ul li:first-child { border-top: 1px solid #AAAAAA; } .objf-form-1.c5.line ul li { border-bottom: 1px solid #AAAAAA; } /* c6 */ .objf-form-1.c6 { border: 1px solid #00DAFF; background-color: #FFFFFF; } .objf-form-1.c6 div.ttlo { /*background-color: #90F1E7; color: #444; */ } .objf-form-1.c6 div.crpo { /*background-color: transparent; */ } .objf-form-1.c6.smbr-1 { box-shadow: 0px 2px 5px #999999, 0 0 0 5px #90F1E7 inset; -webkit-box-shadow: 0px 2px 5px #999999, 0 0 0 5px #90F1E7 inset; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#90F1E7')";} .objf-form-1.c6.smbr-2 input[type='text']:focus, .objf-form-1.c6.smbr-2 textarea:focus { box-shadow: 0 0 0 2px #EEEFFF; -webkit-box-shadow: 0 0 0 2px #EEEFFF ; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEFFF')";} .objf-form-1.c6.line ul li:first-child { border-top: 1px solid #00DAFF; } .objf-form-1.c6.line ul li { border-bottom: 1px solid #00DAFF; } .objf-form-1.b5 div.crpo { } /** * [css] fondo-transparent / ESTILOS PARA TRANSPARENCIAS * */ .objg-fndo-blan-10, select.objg-fndo-blan-10 option { *background: url('imgs/bg_blan_1x1_opac_10.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_blan_1x1_opac_10.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_blan_1x1_opac_10.png') 0 0 repeat; /* OTROS */ } .objg-fndo-blan-20, select.objg-fndo-blan-20 option { *background: url('imgs/bg_blan_1x1_opac_20.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_blan_1x1_opac_20.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_blan_1x1_opac_20.png') 0 0 repeat; /* OTROS */ } .objg-fndo-blan-30, select.objg-fndo-blan-30 option { *background: url('imgs/bg_blan_1x1_opac_30.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_blan_1x1_opac_30.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_blan_1x1_opac_30.png') 0 0 repeat; /* OTROS */ } .objg-fndo-blan-40, select.objg-fndo-blan-40 option { *background: url('imgs/bg_blan_1x1_opac_40.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_blan_1x1_opac_40.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_blan_1x1_opac_40.png') 0 0 repeat; /* OTROS */ } .objg-fndo-blan-50, select.objg-fndo-blan-50 option { *background: url('imgs/bg_blan_1x1_opac_50.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_blan_1x1_opac_50.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_blan_1x1_opac_50.png') 0 0 repeat; /* OTROS */ } .objg-fndo-blan-60, select.objg-fndo-blan-60 option { *background: url('imgs/bg_blan_1x1_opac_60.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_blan_1x1_opac_60.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_blan_1x1_opac_60.png') 0 0 repeat; /* OTROS */ } .objg-fndo-blan-70, select.objg-fndo-blan-70 option { *background: url('imgs/bg_blan_1x1_opac_70.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_blan_1x1_opac_70.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_blan_1x1_opac_70.png') 0 0 repeat; /* OTROS */ } .objg-fndo-blan-80, select.objg-fndo-blan-80 option { *background: url('imgs/bg_blan_1x1_opac_80.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_blan_1x1_opac_80.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_blan_1x1_opac_80.png') 0 0 repeat; /* OTROS */ } .objg-fndo-blan-90, select.objg-fndo-blan-90 option { *background: url('imgs/bg_blan_1x1_opac_90.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_blan_1x1_opac_90.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_blan_1x1_opac_90.png') 0 0 repeat; /* OTROS */ } .objg-fndo-negr-10, select.objg-fndo-negr-10 option { *background: url('imgs/bg_negr_1x1_opac_10.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_negr_1x1_opac_10.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_negr_1x1_opac_10.png') 0 0 repeat; /* OTROS */ } .objg-fndo-negr-20, select.objg-fndo-negr-20 option { *background: url('imgs/bg_negr_1x1_opac_20.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_negr_1x1_opac_20.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_negr_1x1_opac_20.png') 0 0 repeat; /* OTROS */ } .objg-fndo-negr-30, select.objg-fndo-negr-30 option { *background: url('imgs/bg_negr_1x1_opac_30.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_negr_1x1_opac_30.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_negr_1x1_opac_30.png') 0 0 repeat; /* OTROS */ } .objg-fndo-negr-40, select.objg-fndo-negr-40 option { *background: url('imgs/bg_negr_1x1_opac_40.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_negr_1x1_opac_40.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_negr_1x1_opac_40.png') 0 0 repeat; /* OTROS */ } .objg-fndo-negr-50, select.objg-fndo-negr-50 option { *background: url('imgs/bg_negr_1x1_opac_50.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_negr_1x1_opac_50.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_negr_1x1_opac_50.png') 0 0 repeat; /* OTROS */ } .objg-fndo-negr-60, select.objg-fndo-negr-60 option { *background: url('imgs/bg_negr_1x1_opac_60.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_negr_1x1_opac_60.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_negr_1x1_opac_60.png') 0 0 repeat; /* OTROS */ } .objg-fndo-negr-70, select.objg-fndo-negr-70 option { *background: url('imgs/bg_negr_1x1_opac_70.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_negr_1x1_opac_70.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_negr_1x1_opac_70.png') 0 0 repeat; /* OTROS */ } .objg-fndo-negr-80, select.objg-fndo-negr-80 option { *background: url('imgs/bg_negr_1x1_opac_80.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_negr_1x1_opac_80.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_negr_1x1_opac_80.png') 0 0 repeat; /* OTROS */ } .objg-fndo-negr-90, select.objg-fndo-negr-90 option { *background: url('imgs/bg_negr_1x1_opac_90.png') 0 0 repeat; /* IE 7 */ background: url('imgs/bg_negr_1x1_opac_90.png') 0 0 repeat\0/; /* IE 8 */ background: url('imgs/bg_negr_1x1_opac_90.png') 0 0 repeat; /* OTROS */ } /** * [css] file / ESTILOS PARA input file testeado en FF /CHROM / SAFARI / IE7 / IE8 * * FUNCION PARA INPUT FILE * * trabaja con css + jquery * * jquery.si.css -> se dejó en \prod\dfct\dfct_csjs\gral_v1\css\gbls_objg_misc_d1_v1.css * jquery.si.js -> se dejó en \prod\dfct\dfct_csjs\gral_v1\js\jquery.dfct.function-1.0.js * * agregar clase file al objeto input file -> * agregar función JQuery -> $(document).ready(function() { $("input.file").si(); }); * * */ div.si label.cabinet { /* width: 64px; height: 64px; */ width: 0px; height: 0px; display: inline-block; overflow: hidden; position: relative; z-index: 3; float: left; background-color: transparent; /* display: none; */ } div.si label.cabinet input { position: relative; left: -140px; top: 0; height: 100%; width: auto !important; z-index: 2; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); background-color: transparent; } div.si div.objp-bton-uplo-1 { position: relative; float: left; border: 0px solid #f50; left: 32px; } div.si div.objp-bton-uplo-1 div { width: 64px; height: 64px; background: url(imgs/folder_vectors_64.png) 0 0 no-repeat; border: 0px dashed #eee; left: -64px; position: relative; z-index: 1; } div.si div.objp-bton-uplo-2 { position: relative; float: left; } div.si div.objp-bton-uplo-2 div { width: 16px; height: 16px; background: url(imgs/folder_images_16.png) 0 0 no-repeat; left: -16px; position: relative; z-index: 1; } div.si label.selectedFile { margin-left: 5px; line-height: 34px; display: none; } /** * [css] line / ESTILOS PARA LINEAS DE SEPARACIÓN V1 * */ .objg-line-1-0 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #FFFFFF; } .objg-line-1-1 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #4D79FF; } .objg-line-1-2 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #666666; } .objg-line-1-3 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #D81E05; } .objg-line-1-4 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #F77F00; } .objg-line-1-5 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #FFFFFF; } .objg-line-1-6 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #00C6B2; } .objg-line-2-0 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ /*border-bottom: 2px solid #f96b07;*/ border-bottom-width: 2px; border-bottom-color: #FFFFFF; border-bottom-style: solid; } .objg-line-2-1 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 2px solid #4D79FF; } .objg-line-2-2 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ /*border-bottom: 2px solid #6689cc;*/ border-bottom-width: 2px; border-bottom-color: #666666; border-bottom-style: solid; } .objg-line-2-3 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ /*border-bottom: 2px solid #f96b07;*/ border-bottom-width: 2px; border-bottom-color: #D81E05; border-bottom-style: solid; } .objg-line-2-4 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ /*border-bottom: 2px solid #f96b07;*/ border-bottom-width: 2px; border-bottom-color: #F77F00; border-bottom-style: solid; } .objg-line-2-5 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ /*border-bottom: 2px solid #f96b07;*/ border-bottom-width: 2px; border-bottom-color: #FFFFFF; border-bottom-style: solid; } .objg-line-2-6 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ /*border-bottom: 2px solid #f96b07;*/ border-bottom-width: 2px; border-bottom-color: #00C6B2; border-bottom-style: solid; } /** * [css] line / ESTILOS PARA LINEAS DE SEPARACIÓN V2 * */ .objg-line-1 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #888888; } .objg-line-1.c0 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #FFFFFF; } .objg-line-1.c1 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #4D79FF; } .objg-line-1.c2 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #AAAAAA; } .objg-line-1.c3 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #CC0000; } .objg-line-1.c4 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #F95602; } .objg-line-1.c5 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #000000; } .objg-line-1.c6 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 1px solid #00DAFF; } .objg-line-2 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 2px solid #888888; } .objg-line-2.c0 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 2px solid #FFFFFF; } .objg-line-2.c1 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 2px solid #4D79FF; } .objg-line-2.c2 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 2px solid #AAAAAA; } .objg-line-2.c3 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 2px solid #CC0000; } .objg-line-2.c4 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 2px solid #F95602; } .objg-line-2.c5 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 2px solid #000000; } .objg-line-2.c6 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 2px solid #00DAFF; } .objg-line-3 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 3px solid #888888; } .objg-line-3.c0 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 3px solid #FFFFFF; } .objg-line-3.c1 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 3px solid #4D79FF; } .objg-line-3.c2 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 3px solid #AAAAAA; } .objg-line-3.c3 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 3px solid #CC0000; } .objg-line-3.c4 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 3px solid #F95602; } .objg-line-3.c5 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 3px solid #000000; } .objg-line-3.c6 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 3px solid #00DAFF; } .objg-line-4 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 4px solid #888888; } .objg-line-4.c0 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 4px solid #FFFFFF; } .objg-line-4.c1 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 4px solid #4D79FF; } .objg-line-4.c2 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 4px solid #AAAAAA; } .objg-line-4.c3 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 4px solid #CC0000; } .objg-line-4.c4 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 4px solid #F95602; } .objg-line-4.c5 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 4px solid #000000; } .objg-line-4.c6 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 4px solid #000000; } .objg-line-5 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 5px solid #888888; } .objg-line-5.c0 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 5px solid #FFFFFF; } .objg-line-5.c1 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 5px solid #4D79FF; } .objg-line-5.c2 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 5px solid #AAAAAA; } .objg-line-5.c3 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 5px solid #CC0000; } .objg-line-5.c4 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 5px solid #F95602; } .objg-line-5.c5 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 5px solid #000000; } .objg-line-5.c6 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 5px solid #000000; } .objg-line-6 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 6px solid #888888; } .objg-line-6.c0 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 6px solid #FFFFFF; } .objg-line-6.c1 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 6px solid #4D79FF; } .objg-line-6.c2 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 6px solid #AAAAAA; } .objg-line-6.c3 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 6px solid #CC0000; } .objg-line-6.c4 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 6px solid #F95602; } .objg-line-6.c5 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 6px solid #000000; } .objg-line-6.c6 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 6px solid #00DAFF; } .objg-line-7 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 7px solid #888888; } .objg-line-7.c0 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 7px solid #FFFFFF; } .objg-line-7.c1 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 7px solid #4D79FF; } .objg-line-7.c2 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 7px solid #AAAAAA; } .objg-line-7.c3 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 7px solid #CC0000; } .objg-line-7.c4 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 7px solid #F95602; } .objg-line-7.c5 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 7px solid #000000; } .objg-line-7.c6 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 7px solid #000000; } .objg-line-8 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 8px solid #888888; } .objg-line-8.c0 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 8px solid #FFFFFF; } .objg-line-8.c1 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 8px solid #4D79FF; } .objg-line-8.c2 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 8px solid #AAAAAA; } .objg-line-8.c3 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 8px solid #CC0000; } .objg-line-8.c4 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 8px solid #F95602; } .objg-line-8.c5 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 8px solid #000000; } .objg-line-8.c6 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 8px solid #000000; } .objg-line-9 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 9px solid #888888; } .objg-line-9.c0 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 9px solid #FFFFFF; } .objg-line-9.c1 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 9px solid #4D79FF; } .objg-line-9.c2 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 9px solid #AAAAAA; } .objg-line-9.c3 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 9px solid #CC0000; } .objg-line-9.c4 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 9px solid #F95602; } .objg-line-9.c5 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 9px solid #000000; } .objg-line-9.c6 { /* propiedades de posicionamiento */ margin: 2px 7px 7px 7px; padding: 1px; /* propiedades de visualización */ border-bottom: 9px solid #000000; } /** * [css] ttlo / ESTILOS PARA TITULOS * */ .objg-ttlo-1 p { /* propiedades de posicionamiento */ padding-left: 10px; padding-top: 5px; margin: 0px 0px 15px; /* propiedades de visualización color: #888888; */ border-left: 5px solid #888888; } .objg-ttlo-1.c0 p { /* propiedades de posicionamiento */ padding-left: 10px; padding-top: 5px; margin: 0px 0px 15px; /* propiedades de visualización color: #FFFFFF; */ border-left: 5px solid #FFFFFF; } .objg-ttlo-1.c1 p { /* propiedades de posicionamiento */ padding-left: 10px; padding-top: 5px; margin: 0px 0px 15px; /* propiedades de visualización color: #4D79FF; */ border-left: 5px solid #4D79FF; } .objg-ttlo-1.c2 p { /* propiedades de posicionamiento */ padding-left: 10px; padding-top: 5px; margin: 0px 0px 15px; /* propiedades de visualización color: #AAAAAA; */ border-left: 5px solid #AAAAAA; } .objg-ttlo-1.c3 p { /* propiedades de posicionamiento */ padding-left: 10px; padding-top: 5px; margin: 0px 0px 15px; /* propiedades de visualización color: #CC0000; */ border-left: 5px solid #CC0000; } .objg-ttlo-1.c4 p { /* propiedades de posicionamiento */ padding-left: 10px; padding-top: 5px; margin: 0px 0px 15px; /* propiedades de visualización color: #F95602; */ border-left: 5px solid #F95602; } .objg-ttlo-1.c5 p { /* propiedades de posicionamiento */ padding-left: 10px; padding-top: 5px; margin: 0px 0px 15px; /* propiedades de visualización color: #000000; */ border-left: 5px solid #000000; } .objg-ttlo-1.c6 p { /* propiedades de posicionamiento */ padding-left: 10px; padding-top: 5px; margin: 0px 0px 15px; /* propiedades de visualización color: #00DAFF; */ border-left: 5px solid #00DAFF; } .objg-ttlo-2 p { /* propiedades de posicionamiento */ padding-left: 0px; padding-top: 10px; margin: 0px 0px 15px; /* propiedades de visualización color: #888888; */ } .objg-ttlo-2.c0 p { /* propiedades de posicionamiento */ padding-left: 0px; padding-top: 10px; margin: 0px 0px 15px; /* propiedades de visualización color: #FFFFFF; */ } .objg-ttlo-2.c1 p { /* propiedades de posicionamiento */ padding-left: 0px; padding-top: 10px; margin: 0px 0px 15px; /* propiedades de visualización color: #4D79FF; */ } .objg-ttlo-2.c2 p { /* propiedades de posicionamiento */ padding-left: 0px; padding-top: 10px; margin: 0px 0px 15px; /* propiedades de visualización color: #AAAAAA; */ } .objg-ttlo-2.c3 p { /* propiedades de posicionamiento */ padding-left: 0px; padding-top: 10px; margin: 0px 0px 15px; /* propiedades de visualización color: #CC0000; */ } .objg-ttlo-2.c4 p { /* propiedades de posicionamiento */ padding-left: 0px; padding-top: 10px; margin: 0px 0px 15px; /* propiedades de visualización color: #F95602; */ } .objg-ttlo-2.c5 p { /* propiedades de posicionamiento */ padding-left: 0px; padding-top: 10px; margin: 0px 0px 15px; /* propiedades de visualización color: #000000; */ } .objg-ttlo-2.c6 p { /* propiedades de posicionamiento */ padding-left: 0px; padding-top: 10px; margin: 0px 0px 15px; /* propiedades de visualización color: #00DAFF; */ } .objg-ttlo-1 span { /* propiedades de posicionamiento */ padding-left: 10px; margin: 5px 0px; /* propiedades de visualización color: #888888; */ border-left: 5px solid #888888; } .objg-ttlo-1.c0 span { /* propiedades de posicionamiento */ padding-left: 10px; margin: 5px 0px; /* propiedades de visualización color: #FFFFFF; */ border-left: 5px solid #FFFFFF; } .objg-ttlo-1.c1 span { /* propiedades de posicionamiento */ padding-left: 10px; margin: 5px 0px; /* propiedades de visualización color: #4D79FF; */ border-left: 5px solid #4D79FF; } .objg-ttlo-1.c2 span { /* propiedades de posicionamiento */ padding-left: 10px; margin: 5px 0px; /* propiedades de visualización color: #AAAAAA; */ border-left: 5px solid #AAAAAA; } .objg-ttlo-1.c3 span { /* propiedades de posicionamiento */ padding-left: 10px; margin: 5px 0px; /* propiedades de visualización color: #CC0000; */ border-left: 5px solid #CC0000; } .objg-ttlo-1.c4 span { /* propiedades de posicionamiento */ padding-left: 10px; margin: 5px 0px; /* propiedades de visualización color: #F95602; */ border-left: 5px solid #F95602; } .objg-ttlo-1.c5 span { /* propiedades de posicionamiento */ padding-left: 10px; margin: 5px 0px; /* propiedades de visualización color: #000000; */ border-left: 5px solid #000000; } .objg-ttlo-1.c6 span { /* propiedades de posicionamiento */ padding-left: 10px; margin: 5px 0px; /* propiedades de visualización color: #00DAFF; */ border-left: 5px solid #00DAFF; } .objg-ttlo-2 span { /* propiedades de posicionamiento */ padding-left: 0px; margin: 10px 0px; /* propiedades de visualización color: #888888; */ } .objg-ttlo-2.c0 span { /* propiedades de posicionamiento */ padding-left: 0px; margin: 10px 0px; /* propiedades de visualización color: #FFFFFF; */ } .objg-ttlo-2.c1 span { /* propiedades de posicionamiento */ padding-left: 0px; margin: 10px 0px; /* propiedades de visualización color: #4D79FF; */ } .objg-ttlo-2.c2 span { /* propiedades de posicionamiento */ padding-left: 0px; margin: 10px 0px; /* propiedades de visualización color: #AAAAAA; */ } .objg-ttlo-2.c3 span { /* propiedades de posicionamiento */ padding-left: 0px; margin: 10px 0px; /* propiedades de visualización color: #CC0000; */ } .objg-ttlo-2.c4 span { /* propiedades de posicionamiento */ padding-left: 0px; margin: 10px 0px; /* propiedades de visualización color: #F95602; */ } .objg-ttlo-2.c5 span { /* propiedades de posicionamiento */ padding-left: 0px; margin: 10px 0px; /* propiedades de visualización color: #000000; */ } .objg-ttlo-2.c6 span { /* propiedades de posicionamiento */ padding-left: 0px; margin: 10px 0px; /* propiedades de visualización color: #00DAFF; */ } /** * [css] BORDER-SIMPLE / ESTILOS PARA BORDE SIMPLE TOP-RIGHT-BOTTOM-LEFT * */ .objg-brde-trbl-1 { margin: 0px 0px; padding: 5px 0; border: 1px solid #F0F0F0; } .objg-brde-trxl-1 { margin: 0px 0px; padding: 5px 0; border-top: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; border-bottom: 0px solid #F0F0F0; border-left: 1px solid #F0F0F0; } .objg-brde-xrbl-1 { margin: 0px 0px; padding: 5px 0; border-top: 0px solid #F0F0F0; border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; border-left: 1px solid #F0F0F0; } .objg-brde-txbx-1 { margin: 0px 0px; padding: 5px 0; border-top: 1px solid #F0F0F0; border-right: 0px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; border-left: 0px solid #F0F0F0; } .objg-brde-trbl-1 div, .objg-brde-trxl-1 div, .objg-brde-xrbl-1 div, .objg-brde-txbx-1 div { margin: 0 8px; } .objg-brde-topp-1 { margin: 0px 0px; padding: 5px 0; border-top: 1px solid #D7D7D7; } .objg-brde-bott-1 { margin: 0px 0px; padding: 5px 0; border-bottom: 1px solid #D7D7D7; } .objg-brde-left-1 { margin: 0px 0px; padding: 5px 0; border-left: 1px solid #D7D7D7; } .objg-brde-righ-1 { margin: 0px 0px; padding: 5px 0; border-right: 1px solid #D7D7D7; } /** * [css] div / ESTILOS PARA SEPARADOR DE FILAS/COLUMNAS * *
 
* */ .objg-spdr { width: 10px; height: 10px; } /** * [css] DIV DISABLED / DIV ENABLED * */ .objg-divv-dsbl { opacity: 0.5 !important; pointer-events: none !important; } /* desactivar div */ /** * [css] DIV / ESTILOS PARA ALINEACIÓN DE DIV (LEFT, CENTER, RIGHT ) * */ .objg-alig-cent-divv { margin:0 auto 0 auto !important; } /* alinear un div al centro */ .objg-alig-left-divv { margin:0 auto 0 0; } /* alinear un div a la izquierda */ .objg-alig-righ-divv { margin:0 0 0 auto; } /* alinear un div a la derecha */ /** * [css] DIV / ESTILOS PARA ALINEACIÓN DE DIV AL CENTRO (VERTICALMENTE) * */ .objg-vert-cent-divv { top: 50%; } /* alinear un div al centro */ /** * [css] DIV / ESTILOS PARA ORGANIZAR/APILAR DE DIV (FLOTANTE) * */ .objg-floa-left { float: left; } .objg-floa-righ { float: right; } .objg-floa-cent { margin-right: auto; margin-left: auto; text-align: left; /*text-align: center;*/ /*border: 1px dashed #000;*/ } /** * [css] TEXTOS / ESTILOS PARA ALINEACIÓN DE TEXTO HORIZONTAL * */ .objg-alig-left { text-align: left; } .objg-alig-cent { text-align: center; } .objg-alig-righ { text-align: right; } .objg-alig-just { text-align: justify; } /** * [css] TEXTOS / ESTILOS PARA ALINEACIÓN DE TEXTO VERTICAL * */ .objg-vert-alig-topp { vertical-align: top !important; } /* NO FUNCIONAN EN TODOS LOS BRWS */ .objg-vert-alig-midl { vertical-align: middle !important; } /* NO FUNCIONAN EN TODOS LOS BRWS */ .objg-vert-alig-btom { vertical-align: bottom !important; } /* NO FUNCIONAN EN TODOS LOS BRWS */ /** * [css] TOP / ESTILOS PARA POSICIONAR EN TOP Y EN LEFT * */ /* TOP */ /* LEFT */ .objg-topp-1 { position: relative; top: 1px; } .objg-left-1 { position: relative; left: 1px; } .objg-topp-2 { position: relative; top: 2px; } .objg-left-2 { position: relative; left: 2px; } .objg-topp-3 { position: relative; top: 3px; } .objg-left-3 { position: relative; left: 3px; } .objg-topp-4 { position: relative; top: 4px; } .objg-left-4 { position: relative; left: 4px; } .objg-topp-5 { position: relative; top: 5px; } .objg-left-5 { position: relative; left: 5px; } .objg-topp-6 { position: relative; top: 6px; } .objg-left-6 { position: relative; left: 6px; } .objg-topp-7 { position: relative; top: 7px; } .objg-left-7 { position: relative; left: 7px; } .objg-topp-8 { position: relative; top: 8px; } .objg-left-8 { position: relative; left: 8px; } .objg-topp-9 { position: relative; top: 9px; } .objg-left-9 { position: relative; left: 9px; } .objg-topp-10 { position: relative; top: 10px; } .objg-left-10 { position: relative; left: 10px; } .objg-topp-11 { position: relative; top: 11px; } .objg-left-11 { position: relative; left: 11px; } .objg-topp-12 { position: relative; top: 12px; } .objg-left-12 { position: relative; left: 12px; } .objg-topp-13 { position: relative; top: 13px; } .objg-left-13 { position: relative; left: 13px; } .objg-topp-14 { position: relative; top: 14px; } .objg-left-14 { position: relative; left: 14px; } .objg-topp-15 { position: relative; top: 15px; } .objg-left-15 { position: relative; left: 15px; } .objg-topp-16 { position: relative; top: 16px; } .objg-left-16 { position: relative; left: 16px; } .objg-topp-17 { position: relative; top: 17px; } .objg-left-17 { position: relative; left: 17px; } .objg-topp-18 { position: relative; top: 18px; } .objg-left-18 { position: relative; left: 18px; } .objg-topp-19 { position: relative; top: 19px; } .objg-left-19 { position: relative; left: 19px; } .objg-topp-20 { position: relative; top: 20px; } .objg-left-20 { position: relative; left: 20px; } .objg-topp-21 { position: relative; top: 21px; } .objg-left-21 { position: relative; left: 21px; } .objg-topp-22 { position: relative; top: 22px; } .objg-left-22 { position: relative; left: 22px; } .objg-topp-23 { position: relative; top: 23px; } .objg-left-23 { position: relative; left: 23px; } .objg-topp-24 { position: relative; top: 24px; } .objg-left-24 { position: relative; left: 24px; } .objg-topp-25 { position: relative; top: 25px; } .objg-left-25 { position: relative; left: 25px; } .objg-topp-26 { position: relative; top: 26px; } .objg-left-26 { position: relative; left: 26px; } .objg-topp-27 { position: relative; top: 27px; } .objg-left-27 { position: relative; left: 27px; } .objg-topp-28 { position: relative; top: 28px; } .objg-left-28 { position: relative; left: 28px; } .objg-topp-29 { position: relative; top: 29px; } .objg-left-29 { position: relative; left: 29px; } .objg-topp-30 { position: relative; top: 30px; } .objg-left-30 { position: relative; left: 30px; } .objg-topp-31 { position: relative; top: 31px; } .objg-left-31 { position: relative; left: 31px; } .objg-topp-32 { position: relative; top: 32px; } .objg-left-32 { position: relative; left: 32px; } .objg-topp-33 { position: relative; top: 33px; } .objg-left-33 { position: relative; left: 33px; } .objg-topp-34 { position: relative; top: 34px; } .objg-left-34 { position: relative; left: 34px; } .objg-topp-35 { position: relative; top: 35px; } .objg-left-35 { position: relative; left: 35px; } .objg-topp-36 { position: relative; top: 36px; } .objg-left-36 { position: relative; left: 36px; } .objg-topp-37 { position: relative; top: 37px; } .objg-left-37 { position: relative; left: 37px; } .objg-topp-38 { position: relative; top: 38px; } .objg-left-38 { position: relative; left: 38px; } .objg-topp-39 { position: relative; top: 39px; } .objg-left-39 { position: relative; left: 39px; } .objg-topp-40 { position: relative; top: 40px; } .objg-left-40 { position: relative; left: 40px; } /** * [css] MARGEN / ESTILOS PARA DEFINIR MARGENES TOP Y LEFT * */ /* MARGEN-TOPP */ /* MARGEN-LEFT */ .objg-marg-topp-1 { position: relative; margin-top: 1px; } .objg-marg-left-1 { position: relative; margin-left: 1px; } .objg-marg-topp-2 { position: relative; margin-top: 2px; } .objg-marg-left-2 { position: relative; margin-left: 2px; } .objg-marg-topp-3 { position: relative; margin-top: 3px; } .objg-marg-left-3 { position: relative; margin-left: 3px; } .objg-marg-topp-4 { position: relative; margin-top: 4px; } .objg-marg-left-4 { position: relative; margin-left: 4px; } .objg-marg-topp-5 { position: relative; margin-top: 5px; } .objg-marg-left-5 { position: relative; margin-left: 5px; } .objg-marg-topp-6 { position: relative; margin-top: 6px; } .objg-marg-left-6 { position: relative; margin-left: 6px; } .objg-marg-topp-7 { position: relative; margin-top: 7px; } .objg-marg-left-7 { position: relative; margin-left: 7px; } .objg-marg-topp-8 { position: relative; margin-top: 8px; } .objg-marg-left-8 { position: relative; margin-left: 8px; } .objg-marg-topp-9 { position: relative; margin-top: 9px; } .objg-marg-left-9 { position: relative; margin-left: 9px; } .objg-marg-topp-10 { position: relative; margin-top: 10px; } .objg-marg-left-10 { position: relative; margin-left: 10px; } .objg-marg-topp-11 { position: relative; margin-top: 11px; } .objg-marg-left-11 { position: relative; margin-left: 11px; } .objg-marg-topp-12 { position: relative; margin-top: 12px; } .objg-marg-left-12 { position: relative; margin-left: 12px; } .objg-marg-topp-13 { position: relative; margin-top: 13px; } .objg-marg-left-13 { position: relative; margin-left: 13px; } .objg-marg-topp-14 { position: relative; margin-top: 14px; } .objg-marg-left-14 { position: relative; margin-left: 14px; } .objg-marg-topp-15 { position: relative; margin-top: 15px; } .objg-marg-left-15 { position: relative; margin-left: 15px; } .objg-marg-topp-16 { position: relative; margin-top: 16px; } .objg-marg-left-16 { position: relative; margin-left: 16px; } .objg-marg-topp-17 { position: relative; margin-top: 17px; } .objg-marg-left-17 { position: relative; margin-left: 17px; } .objg-marg-topp-18 { position: relative; margin-top: 18px; } .objg-marg-left-18 { position: relative; margin-left: 18px; } .objg-marg-topp-19 { position: relative; margin-top: 19px; } .objg-marg-left-19 { position: relative; margin-left: 19px; } .objg-marg-topp-20 { position: relative; margin-top: 20px; } .objg-marg-left-20 { position: relative; margin-left: 20px; } .objg-marg-topp-21 { position: relative; margin-top: 21px; } .objg-marg-left-21 { position: relative; margin-left: 21px; } .objg-marg-topp-22 { position: relative; margin-top: 22px; } .objg-marg-left-22 { position: relative; margin-left: 22px; } .objg-marg-topp-23 { position: relative; margin-top: 23px; } .objg-marg-left-23 { position: relative; margin-left: 23px; } .objg-marg-topp-24 { position: relative; margin-top: 24px; } .objg-marg-left-24 { position: relative; margin-left: 24px; } .objg-marg-topp-25 { position: relative; margin-top: 25px; } .objg-marg-left-25 { position: relative; margin-left: 25px; } .objg-marg-topp-26 { position: relative; margin-top: 26px; } .objg-marg-left-26 { position: relative; margin-left: 26px; } .objg-marg-topp-27 { position: relative; margin-top: 27px; } .objg-marg-left-27 { position: relative; margin-left: 27px; } .objg-marg-topp-28 { position: relative; margin-top: 28px; } .objg-marg-left-28 { position: relative; margin-left: 28px; } .objg-marg-topp-29 { position: relative; margin-top: 29px; } .objg-marg-left-29 { position: relative; margin-left: 29px; } .objg-marg-topp-30 { position: relative; margin-top: 30px; } .objg-marg-left-30 { position: relative; margin-left: 30px; } .objg-marg-topp-31 { position: relative; margin-top: 31px; } .objg-marg-left-31 { position: relative; margin-left: 31px; } .objg-marg-topp-32 { position: relative; margin-top: 32px; } .objg-marg-left-32 { position: relative; margin-left: 32px; } .objg-marg-topp-33 { position: relative; margin-top: 33px; } .objg-marg-left-33 { position: relative; margin-left: 33px; } .objg-marg-topp-34 { position: relative; margin-top: 34px; } .objg-marg-left-34 { position: relative; margin-left: 34px; } .objg-marg-topp-35 { position: relative; margin-top: 35px; } .objg-marg-left-35 { position: relative; margin-left: 35px; } .objg-marg-topp-36 { position: relative; margin-top: 36px; } .objg-marg-left-36 { position: relative; margin-left: 36px; } .objg-marg-topp-37 { position: relative; margin-top: 37px; } .objg-marg-left-37 { position: relative; margin-left: 37px; } .objg-marg-topp-38 { position: relative; margin-top: 38px; } .objg-marg-left-38 { position: relative; margin-left: 38px; } .objg-marg-topp-39 { position: relative; margin-top: 39px; } .objg-marg-left-39 { position: relative; margin-left: 39px; } .objg-marg-topp-40 { position: relative; margin-top: 40px; } .objg-marg-left-40 { position: relative; margin-left: 40px; } /** * [css] MARGEN / ESTILOS PARA DEFINIR MARGENES * */ .objg-marg-1 { position: relative; margin: 1px; } .objg-marg-2 { position: relative; margin: 2px; } .objg-marg-3 { position: relative; margin: 3px; } .objg-marg-4 { position: relative; margin: 4px; } .objg-marg-5 { position: relative; margin: 5px; } .objg-marg-6 { position: relative; margin: 6px; } .objg-marg-7 { position: relative; margin: 7px; } .objg-marg-8 { position: relative; margin: 8px; } .objg-marg-9 { position: relative; margin: 9px; } .objg-marg-10 { position: relative; margin: 10px; } .objg-marg-11 { position: relative; margin: 11px; } .objg-marg-12 { position: relative; margin: 12px; } .objg-marg-13 { position: relative; margin: 13px; } .objg-marg-14 { position: relative; margin: 14px; } .objg-marg-15 { position: relative; margin: 15px; } .objg-marg-16 { position: relative; margin: 16px; } .objg-marg-17 { position: relative; margin: 17px; } .objg-marg-18 { position: relative; margin: 18px; } .objg-marg-19 { position: relative; margin: 19px; } .objg-marg-20 { position: relative; margin: 20px; } .objg-marg-21 { position: relative; margin: 21px; } .objg-marg-22 { position: relative; margin: 22px; } .objg-marg-23 { position: relative; margin: 23px; } .objg-marg-24 { position: relative; margin: 24px; } .objg-marg-25 { position: relative; margin: 25px; } .objg-marg-26 { position: relative; margin: 26px; } .objg-marg-27 { position: relative; margin: 27px; } .objg-marg-28 { position: relative; margin: 28px; } .objg-marg-29 { position: relative; margin: 29px; } .objg-marg-30 { position: relative; margin: 30px; } .objg-marg-31 { position: relative; margin: 31px; } .objg-marg-32 { position: relative; margin: 32px; } .objg-marg-33 { position: relative; margin: 33px; } .objg-marg-34 { position: relative; margin: 34px; } .objg-marg-35 { position: relative; margin: 35px; } .objg-marg-36 { position: relative; margin: 36px; } .objg-marg-37 { position: relative; margin: 37px; } .objg-marg-38 { position: relative; margin: 38px; } .objg-marg-39 { position: relative; margin: 39px; } .objg-marg-40 { position: relative; margin: 40px; } /** * [css] PADDING / ESTILOS PARA DEFINIR PADDING * */ .objg-padd-1 { position: relative; padding: 1px; } .objg-padd-2 { position: relative; padding: 2px; } .objg-padd-3 { position: relative; padding: 3px; } .objg-padd-4 { position: relative; padding: 4px; } .objg-padd-5 { position: relative; padding: 5px; } .objg-padd-6 { position: relative; padding: 6px; } .objg-padd-7 { position: relative; padding: 7px; } .objg-padd-8 { position: relative; padding: 8px; } .objg-padd-9 { position: relative; padding: 9px; } .objg-padd-10 { position: relative; padding: 10px; } .objg-padd-11 { position: relative; padding: 11px; } .objg-padd-12 { position: relative; padding: 12px; } .objg-padd-13 { position: relative; padding: 13px; } .objg-padd-14 { position: relative; padding: 14px; } .objg-padd-15 { position: relative; padding: 15px; } .objg-padd-16 { position: relative; padding: 16px; } .objg-padd-17 { position: relative; padding: 17px; } .objg-padd-18 { position: relative; padding: 18px; } .objg-padd-19 { position: relative; padding: 19px; } .objg-padd-20 { position: relative; padding: 20px; } .objg-padd-21 { position: relative; padding: 21px; } .objg-padd-22 { position: relative; padding: 22px; } .objg-padd-23 { position: relative; padding: 23px; } .objg-padd-24 { position: relative; padding: 24px; } .objg-padd-25 { position: relative; padding: 25px; } .objg-padd-26 { position: relative; padding: 26px; } .objg-padd-27 { position: relative; padding: 27px; } .objg-padd-28 { position: relative; padding: 28px; } .objg-padd-29 { position: relative; padding: 29px; } .objg-padd-30 { position: relative; padding: 30px; } .objg-padd-31 { position: relative; padding: 31px; } .objg-padd-32 { position: relative; padding: 32px; } .objg-padd-33 { position: relative; padding: 33px; } .objg-padd-34 { position: relative; padding: 34px; } .objg-padd-35 { position: relative; padding: 35px; } .objg-padd-36 { position: relative; padding: 36px; } .objg-padd-37 { position: relative; padding: 37px; } .objg-padd-38 { position: relative; padding: 38px; } .objg-padd-39 { position: relative; padding: 39px; } .objg-padd-40 { position: relative; padding: 40px; } /** * [css] BORDER / ESTILOS PARA DEFINIR BORDES TRANSPARENTES * */ .objg-brde-none { border: none; } .objg-brde-1 { border: 1px solid transparent !important; } .objg-brde-2 { border: 2px solid transparent !important; } .objg-brde-3 { border: 3px solid transparent !important; } .objg-brde-4 { border: 4px solid transparent !important; } .objg-brde-5 { border: 5px solid transparent !important; } .objg-brde-6 { border: 6px solid transparent !important; } .objg-brde-7 { border: 7px solid transparent !important; } .objg-brde-8 { border: 8px solid transparent !important; } .objg-brde-9 { border: 9px solid transparent !important; } .objg-brde-10 { border: 10px solid transparent !important; } .objg-brde-11 { border: 11px solid transparent !important; } .objg-brde-12 { border: 12px solid transparent !important; } .objg-brde-13 { border: 13px solid transparent !important; } .objg-brde-14 { border: 14px solid transparent !important; } .objg-brde-15 { border: 15px solid transparent !important; } .objg-brde-16 { border: 16px solid transparent !important; } .objg-brde-17 { border: 17px solid transparent !important; } .objg-brde-18 { border: 18px solid transparent !important; } .objg-brde-19 { border: 19px solid transparent !important; } .objg-brde-20 { border: 20px solid transparent !important; } .objg-brde-21 { border: 21px solid transparent !important; } .objg-brde-22 { border: 22px solid transparent !important; } .objg-brde-23 { border: 23px solid transparent !important; } .objg-brde-24 { border: 24px solid transparent !important; } .objg-brde-25 { border: 25px solid transparent !important; } .objg-brde-26 { border: 26px solid transparent !important; } .objg-brde-27 { border: 27px solid transparent !important; } .objg-brde-28 { border: 28px solid transparent !important; } .objg-brde-29 { border: 29px solid transparent !important; } .objg-brde-30 { border: 30px solid transparent !important; } .objg-brde-31 { border: 31px solid transparent !important; } .objg-brde-32 { border: 32px solid transparent !important; } .objg-brde-33 { border: 33px solid transparent !important; } .objg-brde-34 { border: 34px solid transparent !important; } .objg-brde-35 { border: 35px solid transparent !important; } .objg-brde-36 { border: 36px solid transparent !important; } .objg-brde-37 { border: 37px solid transparent !important; } .objg-brde-38 { border: 38px solid transparent !important; } .objg-brde-39 { border: 39px solid transparent !important; } .objg-brde-40 { border: 40px solid transparent !important; } /** * [css] SOMBRA / ESTILOS PARA DEFINIR SOMBRAS * * (-moz-)(-webkit-)box-shadow: 6px 6px 2px 0px #DDDDDD; * | | | | |___ El color indicado es directamente el color de la sombra que se muestra * | | | |_______ (opcional) indica el radio con el que se expande la sombra. Si se establece un valor positivo, la sombra se expande en todas direcciones. Si se utiliza un valor negativo, la sombra se comprime. * | | |___________ (opcional) Indica el radio utilizado para difuminar la sombra. Cuanto más grande sea su valor, más borrosa aparece la sombra. Si se utiliza el valor 0, la sombra se muestra como un color sólido. * | |_______________ (obligatorio) Desplazamiento vertical ( valor > 0 -> se desplaza hacia abajo / valor < 0 -> se desplaza hacia arriba) * |___________________ (obligatorio) Desplazamiento horizontal ( valor > 0 -> se desplaza hacia la derecha / valor < 0 -> se desplaza hacia la izquierda) * * */ .objg-smbr-text-1 { text-shadow: 1px 1px 1px #000; } .objg-smbr-1 { /*-moz-box-shadow: 1px 1px 2px #DDDDDD;*/ -webkit-box-shadow: 0px 3px 6px -2px #DDDDDD; box-shadow: 0px 3px 6px -2px #DDDDDD; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')"; /* IE 5.5 - 7 */ /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD');*/ } .objg-smbr-2 { /*-moz-box-shadow: 1px 1px 2px #DDDDDD;*/ -webkit-box-shadow: 0px 3px 2px 0px #DDDDDD; box-shadow: 0px 3px 2px 0px #DDDDDD; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')"; /* IE 5.5 - 7 */ /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD');*/ } .objg-smbr-3 { /*-moz-box-shadow: 1px 1px 2px #DDDDDD;*/ -webkit-box-shadow: 0px 0px 2px 0px #DDDDDD; box-shadow: 0px 0px 2px 0px #DDDDDD; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')"; /* IE 5.5 - 7 */ /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD');*/ } .objg-smbr-4 { margin: 5px 5px 0 5px; padding: 5px 5px; top: 20px; background-color: #FFFFFF; border-top: 1px solid #DDD; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 0px solid #DDD; } .objg-smbr-4 div { margin: 5px 5px 0 5px; padding: 5px 5px; } .objg-smbr-5 { margin: 0 5px 5px 5px; padding: 5px 5px; top: 15px; background-color: #F5F5F5; border-top: 1px solid #EEE; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; } .objg-smbr-5 div { margin: 5px 5px 0 5px; padding: 5px 5px; } .objg-smbr-6 { -moz-box-shadow: 3px 3px 2px #DDDDDD; -webkit-box-shadow: 3px 3px 2px 0px #DDDDDD; box-shadow: 3px 3px 2px 0px #DDDDDD; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')"; /* IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD'); } .objg-smbr-7 { -moz-box-shadow: 3px 3px 2px #EEEEEE; -webkit-box-shadow: 3px 3px 2px 0px #EEEEEE; box-shadow: 0px 0px 3px 3px #EEEEEE; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')"; /* IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD'); } .objg-smbr-0 { -moz-box-shadow: 1px 2px 5px #555, -1px 2px 5px #555; -webkit-box-shadow: 1px 2px 3px #555, -1px 2px 3px #555; box-shadow: 1px 2px 3px #555, -1px 2px 3px #555; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#555')"; /* IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#555'); } /*box-shadow: 1px 5px 9px rgba(0,0,0,0.7), -2px 5px 9px rgba(0,0,0,0.7);*/ /* /** * [css] SOMBRA ESTILO APPLE / EFECTO SOBRA Y CURVA DE APPLE ???CHF TERMINAR * * (-moz-)(-webkit-)box-shadow: 6px 6px 2px 0px #DDDDDD; * | | | | |___ El color indicado es directamente el color de la sombra que se muestra * | | | |_______ (opcional) indica el radio con el que se expande la sombra. Si se establece un valor positivo, la sombra se expande en todas direcciones. Si se utiliza un valor negativo, la sombra se comprime. * | | |___________ (opcional) Indica el radio utilizado para difuminar la sombra. Cuanto más grande sea su valor, más borrosa aparece la sombra. Si se utiliza el valor 0, la sombra se muestra como un color sólido. * | |_______________ (obligatorio) Desplazamiento vertical ( valor > 0 -> se desplaza hacia abajo / valor < 0 -> se desplaza hacia arriba) * |___________________ (obligatorio) Desplazamiento horizontal ( valor > 0 -> se desplaza hacia la derecha / valor < 0 -> se desplaza hacia la izquierda) * * */ .curved-shadow { width:756px; } .curved-shadow, .curved-shadow-small { position:relative; z-index:inherit; height:auto; margin:0 auto 14px; padding:12px; border:1px solid #ddd; border-bottom:1px solid #aeaeae; background:#fff; line-height:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -khtml-border-radius:2px; -webkit-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); } .curved-shadow-small { width:350px; padding:8px; } .curved-shadow:before, .curved-shadow:after, .curved-shadow-small:before, .curved-shadow-small:after { content:""; position:absolute; z-index:-1; top:80%; bottom:9px; left:0.5%; width:50%; max-width:300px; background:rgba(0, 0, 0, 0.7); -webkit-box-shadow:0 15px 6px rgba(0,0,0, 0.3); -moz-box-shadow:0 15px 6px rgba(0, 0, 0, 0.3); box-shadow:0 15px 6px rgba(0, 0, 0, 0.3); } .curved-shadow-small:before, .curved-shadow-small:after { -webkit-box-shadow:0 10px 6px rgba(0,0,0, 0.3); -moz-box-shadow:0 10px 6px rgba(0, 0, 0, 0.3); box-shadow:0 10px 6px rgba(0, 0, 0, 0.3); } .curved-shadow:before, .curved-shadow-small:before { -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); } .curved-shadow:after, .curved-shadow-small:after { right:0.6%; left:auto; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); } /** * [CSS] BORDER / ESTILOS PARA GALERÍA PARA EL CATÁLOGO / MOSTRAR GALERÍA / MOSTRAR LISTA * * objg-cata-bton-imge objg-cata-bton-list * _ _ o ---- * |_||_| o ---- * _ _ o ---- * |_||_| o ---- * * * objg-cata-bton-matr objg-cata-bton-pila * o o o o _ _ _ * o o o o | | |_| | | * o o o o | | _ |_| * o o o o |_| |_| _ * * objg-cata-bton-vert * ______ * | | * |______| * ______ * ______ * */ /* --------------------------------------------------------- CSS PARA ICONOS TIPO CONTENIDO DE LISTA --------------------------------------------------------- */ .objg-cata-bton-list { /* propiedades de posici */ position: relative; right: 0px; margin: 0px 0 0px 0px; padding: 0px; /* propiedades de tamaño */ width: 22px; min-height: 22px; height: 22px; /* propiedades de visual */ z-index: 5; border: none; background: transparent url('imgs/dfct_icon_gale_v2.jpg') -44px -22px no-repeat; } .objg-cata-bton-list:hover { /* propiedades de visual */ background-position: -44px 0px; background-color: #EEE; color: #FFF; } .objg-cata-bton-list-over { /* propiedades de posici */ position: relative; right: 0px; margin: 0px 0 0px 0px; padding: 0px; /* propiedades de tamaño */ width: 22px; min-height: 22px; height: 22px; /* propiedades de visual */ z-index: 5; border: none; background: transparent url('imgs/dfct_icon_gale_v2.jpg') -44px 0px no-repeat; } /* --------------------------------------------------------- CSS PARA CONTENIDOS TIPO IMAGENES --------------------------------------------------------- */ .objg-cata-bton-imge { /* propiedades de posici */ position: relative; right: 0px; margin: 0px 0 0px 0px; padding: 0px; /* propiedades de tamaño */ width: 22px; min-height: 22px; height: 22px; /* propiedades de visual */ z-index: 5; border: none; background: transparent url('imgs/dfct_icon_gale_v2.jpg') 0 -22px no-repeat; } .objg-cata-bton-imge:hover { /* propiedades de visual */ background-position: 0px 0px; background-color: #EEE; color: #FFF; } .objg-cata-bton-imge-over { /* propiedades de posici */ position: relative; right: 0px; margin: 0px 0 0px 0px; padding: 0px; /* propiedades de tamaño */ width: 22px; min-height: 22px; height: 22px; /* propiedades de visual */ z-index: 5; border: none; background: transparent url('imgs/dfct_icon_gale_v2.jpg') 0 0 no-repeat; } /* --------------------------------------------------------- CSS PARA ICONOS TIPO CONTENIDOS MATRICIALES --------------------------------------------------------- */ .objg-cata-bton-matr { /* propiedades de posici */ position: relative; right: 0px; margin: 0px 0 0px 0px; padding: 0px; /* propiedades de tamaño */ width: 22px; min-height: 22px; height: 22px; /* propiedades de visual */ z-index: 5; border: none; background: transparent url('imgs/dfct_icon_gale_v2.jpg') -22px -22px no-repeat; } .objg-cata-bton-matr:hover { /* propiedades de visual */ background-position: -22px 0px; background-color: #EEE; color: #FFF; } .objg-cata-bton-matr-over { /* propiedades de posici */ position: relative; right: 0px; margin: 0px 0 0px 0px; padding: 0px; /* propiedades de tamaño */ width: 22px; min-height: 22px; height: 22px; /* propiedades de visual */ z-index: 5; border: none; background: transparent url('imgs/dfct_icon_gale_v2.jpg') -22px 0 no-repeat; } /* --------------------------------------------------------- CSS PARA ICONOS TIPO CONTENIDOS VERTICALES --------------------------------------------------------- */ .objg-cata-bton-vert { /* propiedades de posici */ position: relative; right: 0px; margin: 0px 0 0px 0px; padding: 0px; /* propiedades de tamaño */ width: 22px; min-height: 22px; height: 22px; /* propiedades de visual */ z-index: 5; border: none; background: transparent url('imgs/dfct_icon_gale_v2.jpg') -66px -22px no-repeat; } .objg-cata-bton-vert:hover { /* propiedades de visual */ background-position: -66px 0px; background-color: #EEE; color: #FFF; } .objg-cata-bton-vert-over { /* propiedades de posici */ position: relative; right: 0px; margin: 0px 0 0px 0px; padding: 0px; /* propiedades de tamaño */ width: 22px; min-height: 22px; height: 22px; /* propiedades de visual */ z-index: 5; border: none; background: transparent url('imgs/dfct_icon_gale_v2.jpg') -66px 0 no-repeat; } /* --------------------------------------------------------- CSS PARA ICONOS TIPO CONTENIDOS PILA --------------------------------------------------------- */ .objg-cata-bton-pila { /* propiedades de posici */ position: relative; right: 0px; margin: 0px 0 0px 0px; padding: 0px; /* propiedades de tamaño */ width: 22px; min-height: 22px; height: 22px; /* propiedades de visual */ z-index: 5; border: none; background: transparent url('imgs/dfct_icon_gale_v2.jpg') -88px -22px no-repeat; } .objg-cata-bton-pila:hover { /* propiedades de visual */ background-position: -88px 0px; background-color: #EEE; color: #FFF; } .objg-cata-bton-pila-over { /* propiedades de posici */ position: relative; right: 0px; margin: 0px 0 0px 0px; padding: 0px; /* propiedades de tamaño */ width: 22px; min-height: 22px; height: 22px; /* propiedades de visual */ z-index: 5; border: none; background: transparent url('imgs/dfct_icon_gale_v2.jpg') -88px 0 no-repeat; } /** * [CSS] PATH / ESTILOS PARA PATH/MIGA DE PAN * */ .objg-ttlo-ruta, .objg-ttlo-ruta a, .objg-ttlo-ruta p, .objg-ttlo-ruta span { /* propiedades de posici */ padding: 5px 0 0px 0; margin: 0px 0 10px 5px; /* propiedades de tamaño */ line-height: 1.3; /* propiedades de tipogr */ font-size: 11px; font-weight: normal; /* propiedades de visual */ color: #777; text-align: left; text-decoration: none; border-bottom: 1px dashed transparent; } .objg-ttlo-ruta span { /* propiedades de visual */ color: #000; } .objg-ttlo-ruta a:hover { /* propiedades de visual */ color: #4D79FF; border-bottom: 1px dashed #4D79FF; } /** * [CSS] FONDO MSIE / ESTILOS PARA IE Y EL PORTAL DFCT / ???VALIDAR SI SE USAN * */ .objg-fndo-msie { border: 10px solid #315555; border-top: 10px solid #315555; border-bottom: 10px solid #315555; *border: 10px solid #315555; *border-top: 10px solid #315555; *border-bottom: 10px solid #315555; border: 10px solid #315555\0/; border-top: 10px solid #315555\0/; border-bottom: 10px solid #315555\0/; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'\0/; border: 10px solid rgba(250,250,250, 0.1); border-top: 10px solid rgba(250,250,250, 0.1); border-bottom: 10px solid rgba(250,250,250, 0.1); } .objg-fndo-msie-midl { border: 10px solid #315555; border-top: 5px solid #315555; border-bottom: 5px solid #315555; *border: 10px solid #315555; *border-top: 5px solid #315555; *border-bottom: 5px solid #315555; border: 10px solid #315555\0/; border-top: 5px solid #315555\0/; border-bottom: 5px solid #315555\0/; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'\0/; border: 10px solid rgba(250,250,250, 0.1); border-top: 5px solid rgba(250,250,250, 0.1); border-bottom: 5px solid rgba(250,250,250, 0.1); } .objg-fndo-msie-top, .objg-fndo-msie-topp { border: 10px solid #315555; border-top: 10px solid #315555; border-bottom: 5px solid #315555; *border: 10px solid #315555; *border-top: 10px solid #315555; *border-bottom: 5px solid #315555; border: 10px solid #315555\0/; border-top: 10px solid #315555\0/; border-bottom: 5px solid #315555\0/; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'\0/; border: 10px solid rgba(250,250,250, 0.1); border-top: 10px solid rgba(250,250,250, 0.1); border-bottom: 5px solid rgba(250,250,250, 0.1); } .objg-fndo-msie-bottom, .objg-fndo-msie-bott { border: 10px solid #315555; border-top: 5px solid #315555; border-bottom: 10px solid #315555; *border: 10px solid #315555; *border-top: 5px solid #315555; *border-bottom: 10px solid #315555; border: 10px solid #315555\0/; border-top: 5px solid #315555\0/; border-bottom: 10px solid #315555\0/; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'\0/; border: 10px solid rgba(250,250,250, 0.1); border-top: 5px solid rgba(250,250,250, 0.1); border-bottom: 10px solid rgba(250,250,250, 0.1); } /** * [CSS] FIXED / ESTILOS PARA FIJAR PIE DE PÀGINA EN LA BASE DE LA PANTALLA * */ /* -- 1 -- */ .objg-ppag-bttm { /* propiedades de posici */ position: fixed; left: 0px; padding: 0px; margin: 0px; margin-left: 0px; bottom: 0; /* propiedades de tamaño */ width: 100%; min-height: 20px; height: auto; z-index: 10000; } /* -- 2 -- */ .objg-divv-fixd { /* propiedades de posici */ position: fixed; float: left; left: 610px; top: 30px; padding: 0px; margin: 0px; margin-left: 0px; /* propiedades de tamaño */ width: auto; z-index: 10000; } .objg-divv-fixd.gnra-menu { /* propiedades de posici */ left: 5px; top: 20px; } /* -- 3 -- */ .objg-divv-btns { /* propiedades de posici */ position: absolute; float: left; left: 0px; top: 0px; padding: 0px; margin: 0px; /*margin-left: 0px;*/ /* propiedades de tamaño */ width: auto; z-index: 10000; border: 10px solid transparent; } .objg-divv-btns.mant-cont { /* propiedades de posici */ left: 570px; top: 30px; } .objg-divv-btns.mant-prod { /* propiedades de posici */ left: 0px; top: 0px; border: 1px solid #F50; } /* -- 4 -- */ .objg-divv-fixd-v2 { /* propiedades de posici */ position: fixed; float: left; padding: 0px; margin: 0px; /* propiedades de tamaño */ z-index: 100000; } /** * [CSS] SCROLL-TOP / ESTILOS PARA ICON-TOP (FLECHA HACIA ARRIBA PARA IR AL INICIO O TOP) (SCROLL) * */ .objg-scrl-topp { /* propiedades de posici */ position: fixed; /* propiedades de tamaño */ width: 40px; height: 40px; opacity: 0.3; bottom: 50px; right: 50px; /* propiedades de visual */ display: none; text-indent: -9999px; background: url('imgs/dfct_imge_top.png') no-repeat; } /** * [CSS] ICON-REDES / ESTILOS PARA ICON-REDES SOCIALES * */ .objg-icon-reds-twit-1, .objg-icon-reds-rrss-1, .objg-icon-reds-face-1, .objg-icon-reds-ico1-1, .objg-icon-reds-gmas-1, .objg-icon-reds-pint-1, .objg-icon-reds-ever-1, .objg-icon-reds-vime-1, .objg-icon-reds-yout-1, .objg-icon-reds-link-1, .objg-icon-reds-flic-1, .objg-icon-reds-ico2-1, .objg-icon-reds-beee-1, .objg-icon-reds-ico3-1, .objg-icon-reds-tumb-1, .objg-icon-reds-blog-1, .objg-icon-reds-digg-1 { text-indent: 25px; padding-left: 0px; height: 21px; width: 21px; line-height: 21px; background-image: url("imgs/icon_reds_soci_21x21.jpg"); background-repeat: no-repeat; background-color: transparent; outline: none; } .objg-icon-reds-twit-1:hover, .objg-icon-reds-rrss-1:hover, .objg-icon-reds-face-1:hover, .objg-icon-reds-ico1-1:hover, .objg-icon-reds-gmas-1:hover, .objg-icon-reds-pint-1:hover, .objg-icon-reds-ever-1:hover, .objg-icon-reds-vime-1:hover, .objg-icon-reds-yout-1:hover, .objg-icon-reds-link-1:hover, .objg-icon-reds-flic-1:hover, .objg-icon-reds-ico2-1:hover, .objg-icon-reds-ico3-1:hover, .objg-icon-reds-beee-1:hover, .objg-icon-reds-tumb-1:hover, .objg-icon-reds-blog-1:hover, .objg-icon-reds-digg-1:hover { background-image: url("imgs/icon_reds_soci_over_21x21.jpg"); } .objg-icon-reds-twit-1, .objg-icon-reds-twit-1:hover, .objg-icon-reds-twit-2, .objg-icon-reds-twit-2:hover { background-position: 0px 0px; } .objg-icon-reds-rrss-1, .objg-icon-reds-rrss-1:hover, .objg-icon-reds-rrss-2, .objg-icon-reds-rrss-2:hover { background-position: -26px 0px; } .objg-icon-reds-face-1, .objg-icon-reds-face-1:hover, .objg-icon-reds-face-2, .objg-icon-reds-face-2:hover { background-position: -51px 0px; } .objg-icon-reds-ico1-1, .objg-icon-reds-ico1-1:hover, .objg-icon-reds-ico1-2, .objg-icon-reds-ico1-2:hover { background-position: -77px 0px; } .objg-icon-reds-gmas-1, .objg-icon-reds-gmas-1:hover, .objg-icon-reds-gmas-2, .objg-icon-reds-gmas-2:hover { background-position: -103px 0px; } .objg-icon-reds-pint-1, .objg-icon-reds-pint-1:hover, .objg-icon-reds-pint-2, .objg-icon-reds-pint-2:hover { background-position: -129px 0px; } .objg-icon-reds-ever-1, .objg-icon-reds-ever-1:hover, .objg-icon-reds-ever-2, .objg-icon-reds-ever-2:hover { background-position: 0px -26px; } .objg-icon-reds-vime-1, .objg-icon-reds-vime-1:hover, .objg-icon-reds-vime-2, .objg-icon-reds-vime-2:hover { background-position: -26px -26px; } .objg-icon-reds-yout-1, .objg-icon-reds-yout-1:hover, .objg-icon-reds-yout-2, .objg-icon-reds-yout-2:hover { background-position: -51px -26px; } .objg-icon-reds-link-1, .objg-icon-reds-link-1:hover, .objg-icon-reds-link-2, .objg-icon-reds-link-2:hover { background-position: -77px -26px; } .objg-icon-reds-flic-1, .objg-icon-reds-flic-1:hover, .objg-icon-reds-flic-2, .objg-icon-reds-flic-2:hover { background-position: -103px -26px; } .objg-icon-reds-ico2-1, .objg-icon-reds-ico2-1:hover, .objg-icon-reds-ico2-2, .objg-icon-reds-ico2-2:hover { background-position: -129px -26px; } .objg-icon-reds-beee-1, .objg-icon-reds-beee-1:hover, .objg-icon-reds-beee-2, .objg-icon-reds-beee-2:hover { background-position: 0px -51px; } .objg-icon-reds-ico3-1, .objg-icon-reds-ico3-1:hover, .objg-icon-reds-ico3-2, .objg-icon-reds-ico3-2:hover { background-position: -26px -51px; } .objg-icon-reds-tumb-1, .objg-icon-reds-tumb-1:hover, .objg-icon-reds-tumb-2, .objg-icon-reds-tumb-2:hover { background-position: -51px -51px; } .objg-icon-reds-blog-1, .objg-icon-reds-blog-1:hover, .objg-icon-reds-blog-2, .objg-icon-reds-blog-2:hover { background-position: -77px -51px; } .objg-icon-reds-digg-1, .objg-icon-reds-digg-1:hover, .objg-icon-reds-digg-2, .objg-icon-reds-digg-2:hover { background-position: -103px -51px; } .objg-icon-reds-twit-10, .objg-icon-reds-rrss-10, .objg-icon-reds-face-10, .objg-icon-reds-ico1-10, .objg-icon-reds-gmas-10, .objg-icon-reds-pint-10, .objg-icon-reds-ever-10, .objg-icon-reds-vime-10, .objg-icon-reds-yout-10, .objg-icon-reds-link-10, .objg-icon-reds-flic-10, .objg-icon-reds-ico2-10, .objg-icon-reds-ico3-10, .objg-icon-reds-tumb-10, .objg-icon-reds-blog-10, .objg-icon-reds-digg-10 { text-indent: 35px; padding-left: 0px; height: 32px; width: 32px; line-height: 32px; background-image: url("imgs/icon_reds_soci.jpg"); background-repeat: no-repeat; background-color: transparent; outline: none; } .objg-icon-reds-twit-10:hover, .objg-icon-reds-rrss-10:hover, .objg-icon-reds-face-10:hover, .objg-icon-reds-ico1-10:hover, .objg-icon-reds-gmas-10:hover, .objg-icon-reds-pint-10:hover, .objg-icon-reds-ever-10:hover, .objg-icon-reds-vime-10:hover, .objg-icon-reds-yout-10:hover, .objg-icon-reds-link-10:hover, .objg-icon-reds-flic-10:hover, .objg-icon-reds-ico2-10:hover, .objg-icon-reds-ico3-10:hover, .objg-icon-reds-tumb-10:hover, .objg-icon-reds-blog-10:hover, .objg-icon-reds-digg-10:hover { background-image: url("imgs/icon_reds_soci_over.jpg"); } .objg-icon-reds-twit-20, .objg-icon-reds-rrss-20, .objg-icon-reds-face-20, .objg-icon-reds-ico1-20, .objg-icon-reds-gmas-20, .objg-icon-reds-pint-20, .objg-icon-reds-ever-20, .objg-icon-reds-vime-20, .objg-icon-reds-yout-20, .objg-icon-reds-link-20, .objg-icon-reds-flic-20, .objg-icon-reds-ico2-20, .objg-icon-reds-ico3-20, .objg-icon-reds-tumb-20, .objg-icon-reds-blog-20, .objg-icon-reds-digg-20 { text-indent: 35px; padding-left: 0px; height: 32px; width: 32px; line-height: 32px; background-image: url("imgs/icon_reds_soci_gris.jpg"); background-repeat: no-repeat; background-color: transparent; outline: none; } .objg-icon-reds-twit-20:hover, .objg-icon-reds-rrss-20:hover, .objg-icon-reds-face-20:hover, .objg-icon-reds-ico1-20:hover, .objg-icon-reds-gmas-20:hover, .objg-icon-reds-pint-20:hover, .objg-icon-reds-ever-20:hover, .objg-icon-reds-vime-20:hover, .objg-icon-reds-yout-20:hover, .objg-icon-reds-link-20:hover, .objg-icon-reds-flic-20:hover, .objg-icon-reds-ico2-20:hover, .objg-icon-reds-ico3-20:hover, .objg-icon-reds-tumb-20:hover, .objg-icon-reds-blog-20:hover, .objg-icon-reds-digg-20:hover { background-image: url("imgs/icon_reds_soci.jpg"); } .objg-icon-reds-twit-10, .objg-icon-reds-twit-10:hover, .objg-icon-reds-twit-20, .objg-icon-reds-twit-20:hover { background-position: 0px 0px; } .objg-icon-reds-rrss-10, .objg-icon-reds-rrss-10:hover, .objg-icon-reds-rrss-20, .objg-icon-reds-rrss-20:hover { background-position: -40px 0px; } .objg-icon-reds-face-10, .objg-icon-reds-face-10:hover, .objg-icon-reds-face-20, .objg-icon-reds-face-20:hover { background-position: -80px 0px; } .objg-icon-reds-ico1-10, .objg-icon-reds-ico1-10:hover, .objg-icon-reds-ico1-20, .objg-icon-reds-ico1-20:hover { background-position: -120px 0px; } .objg-icon-reds-gmas-10, .objg-icon-reds-gmas-10:hover, .objg-icon-reds-gmas-20, .objg-icon-reds-gmas-20:hover { background-position: -160px 0px; } .objg-icon-reds-pint-10, .objg-icon-reds-pint-10:hover, .objg-icon-reds-pint-20, .objg-icon-reds-pint-20:hover { background-position: -200px 0px; } .objg-icon-reds-ever-10, .objg-icon-reds-ever-10:hover, .objg-icon-reds-ever-20, .objg-icon-reds-ever-20:hover { background-position: 0px -40px; } .objg-icon-reds-vime-10, .objg-icon-reds-vime-10:hover, .objg-icon-reds-vime-20, .objg-icon-reds-vime-20:hover { background-position: -40px -40px; } .objg-icon-reds-yout-10, .objg-icon-reds-yout-10:hover, .objg-icon-reds-yout-20, .objg-icon-reds-yout-20:hover { background-position: -80px -40px; } .objg-icon-reds-link-10, .objg-icon-reds-link-10:hover, .objg-icon-reds-link-20, .objg-icon-reds-link-20:hover { background-position: -120px -40px; } .objg-icon-reds-flic-10, .objg-icon-reds-flic-10:hover, .objg-icon-reds-flic-20, .objg-icon-reds-flic-20:hover { background-position: -160px -40px; } .objg-icon-reds-ico2-10, .objg-icon-reds-ico2-10:hover, .objg-icon-reds-ico2-20, .objg-icon-reds-ico2-20:hover { background-position: -200px -40px; } .objg-icon-reds-ico3-10, .objg-icon-reds-ico3-10:hover, .objg-icon-reds-ico3-20, .objg-icon-reds-ico3-20:hover { background-position: 0px -80px; } .objg-icon-reds-tumb-10, .objg-icon-reds-tumb-10:hover, .objg-icon-reds-tumb-20, .objg-icon-reds-tumb-20:hover { background-position: -40px -80px; } .objg-icon-reds-blog-10, .objg-icon-reds-blog-10:hover, .objg-icon-reds-blog-20, .objg-icon-reds-blog-20:hover { background-position: -80px -80px; } .objg-icon-reds-digg-10, .objg-icon-reds-digg-10:hover, .objg-icon-reds-digg-20, .objg-icon-reds-digg-20:hover { background-position: -120px -80px; } /** * [CSS] ICON-OTROS / ESTILOS PARA ICON-OTROS / VER SI SE USAN * */ .objg-icon-flch-guia-1 { position: relative; padding-left: 0px; height: 30px; width: 18px; line-height: 30px; background-image: url("imgs/dfct_flch_guia.png"); background-position: 12px 0px; background-repeat: no-repeat; background-color: transparent; outline: none; z-index: 10000000; } .div-rotate-1 { transform: rotate(25deg); -ms-transform: rotate(25deg); /* IE 9 */ -webkit-transform: rotate(25deg); /* Opera, Chrome, and Safari */ } .div-rotate-45 { transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Opera, Chrome, and Safari */ } /** * [CSS] ICON-MISCELANEOS / ESTILOS PARA ICON-MISCELANEOS / ???ORDENAR * */ .bann-icon { display: block; overflow: hidden; background-repeat: no-repeat; width: 32px; height: 26px; background-image: url(./imgs/bann_ante_sgte.png); } /* positioning */ .bann-icon-ante { background-position: 0 0; } .bann-icon-sgte { background-position: -32px 0; } .df-tree-icon { background-repeat: no-repeat; } /* states and images */ .df-tree-icon { /* width: 16px;*/ /* height: 16px;*/ } .df-tree-icon { background-image: url(./imgs/imgs_tree/folder-closed.gif); } /* icons-folder */ .menu-fltr-icon { display: block; overflow: hidden; width: 16px; height: 14px; position: relative; top: 0px; text-indent: 19px;} .menu-fltr-icon { *background-image: url('imgs/icon_folder_16x14_v2.png'); *background-repeat: no-repeat; /* IE 7 */ background-image: url('imgs/icon_folder_16x14_v2.png'); background-repeat: no-repeat\0/; /* IE 8 */ background-repeat: no-repeat; /* OTROS */ } .menu-fltr-icon-fldr-1 { background-position: 0 0 !important; } .menu-fltr-icon-fldr-2 { background-position: -26px 0 !important; } /* .objg-icon-fldr:before { content: url('imgs/icon_folder_16x14_v2.png'); width: 16px; top: 0px; margin-left: 2px; margin-right: 5px; margin-top: 10px; margin-bottom: 10px; padding: 15px 0px; position:relative; } */ .objg-icon-fldr:before { top: 0px; margin-left: 0px; margin-right: 5px; margin-top: 10px; margin-bottom: 0px; padding: 0px 0px; position:relative; } .icon-fldr-16x14-clor-0:before { content: url('imgs/icon_folder_16x14_v2_c7.png'); width: 16px; height: 14px; } /* valor por default, es la redefinición de una ya existente */ .icon-fldr-16x14-clor-1:before { content: url('imgs/icon_folder_16x14_v2_c1.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-2:before { content: url('imgs/icon_folder_16x14_v2_c2.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-3:before { content: url('imgs/icon_folder_16x14_v2_c3.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-4:before { content: url('imgs/icon_folder_16x14_v2_c4.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-5:before { content: url('imgs/icon_folder_16x14_v2_c5.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-6:before { content: url('imgs/icon_folder_16x14_v2_c6.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-7:before { content: url('imgs/icon_folder_16x14_v2_c7.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-8:before { content: url('imgs/icon_folder_16x14_v2_c8.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-9:before { content: url('imgs/icon_folder_16x14_v2_c9.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-10:before { content: url('imgs/icon_folder_16x14_v2_c10.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-11:before { content: url('imgs/icon_folder_16x14_v2_c11.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-12:before { content: url('imgs/icon_folder_16x14_v2_c12.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-13:before { content: url('imgs/icon_folder_16x14_v2_c13.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-14:before { content: url('imgs/icon_folder_16x14_v2_c14.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-15:before { content: url('imgs/icon_folder_16x14_v2_c15.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-16:before { content: url('imgs/icon_folder_16x14_v2_c16.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-17:before { content: url('imgs/icon_folder_16x14_v2_c17.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-18:before { content: url('imgs/icon_folder_16x14_v2_c18.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-19:before { content: url('imgs/icon_folder_16x14_v2_c19.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-20:before { content: url('imgs/icon_folder_16x14_v2_c20.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-21:before { content: url('imgs/icon_folder_16x14_v2_c21.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-22:before { content: url('imgs/icon_folder_16x14_v2_c22.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-23:before { content: url('imgs/icon_folder_16x14_v2_c23.png'); width: 16px; height: 14px; } .icon-fldr-16x14-clor-24:before { content: url('imgs/icon_folder_16x14_v2_c24.png'); width: 16px; height: 14px; } .icon-fldr-44x35-clor-0:before { content: url('imgs/icon_folder_44x35_v2_c7.png'); width: 44px; height: 35px; } /* valor por default, es la redefinición de una ya existente */ .icon-fldr-44x35-clor-1:before { content: url('imgs/icon_folder_44x35_v2_c1.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-2:before { content: url('imgs/icon_folder_44x35_v2_c2.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-3:before { content: url('imgs/icon_folder_44x35_v2_c3.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-4:before { content: url('imgs/icon_folder_44x35_v2_c4.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-5:before { content: url('imgs/icon_folder_44x35_v2_c5.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-6:before { content: url('imgs/icon_folder_44x35_v2_c6.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-7:before { content: url('imgs/icon_folder_44x35_v2_c7.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-8:before { content: url('imgs/icon_folder_44x35_v2_c8.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-9:before { content: url('imgs/icon_folder_44x35_v2_c9.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-10:before { content: url('imgs/icon_folder_44x35_v2_c10.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-11:before { content: url('imgs/icon_folder_44x35_v2_c11.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-12:before { content: url('imgs/icon_folder_44x35_v2_c12.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-13:before { content: url('imgs/icon_folder_44x35_v2_c13.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-14:before { content: url('imgs/icon_folder_44x35_v2_c14.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-15:before { content: url('imgs/icon_folder_44x35_v2_c15.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-16:before { content: url('imgs/icon_folder_44x35_v2_c16.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-17:before { content: url('imgs/icon_folder_44x35_v2_c17.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-18:before { content: url('imgs/icon_folder_44x35_v2_c18.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-19:before { content: url('imgs/icon_folder_44x35_v2_c19.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-20:before { content: url('imgs/icon_folder_44x35_v2_c20.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-21:before { content: url('imgs/icon_folder_44x35_v2_c21.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-22:before { content: url('imgs/icon_folder_44x35_v2_c22.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-23:before { content: url('imgs/icon_folder_44x35_v2_c23.png'); width: 44px; height: 35px; } .icon-fldr-44x35-clor-24:before { content: url('imgs/icon_folder_44x35_v2_c24.png'); width: 44px; height: 35px; } .objg-icon-misc:before { top: 0px; margin-left: 0px; margin-right: 5px; margin-top: 10px; margin-bottom: 0px; padding: 0px 0px; position:relative; } .icon-misc-preg-24x24-clor-1:before { content: url('imgs/icon_pregunta_24x24_v1_c1.jpg'); width: 24px; height: 24px; } .icon-misc-preg-33x33-clor-1:before { content: url('imgs/icon_pregunta_33x33_v1_c1.jpg'); width: 33px; height: 33px; } .icon-misc-preg-43x43-clor-1:before { content: url('imgs/icon_pregunta_43x43_v1_c1.jpg'); width: 43px; height: 43px; } .icon-pplr-20x20-clor-1:before { content: url('imgs/icon_papelera_v2_c1.png'); width: 22px; height: 21px; } }